Post pobrano z: How to Create Photoshop Brushes From an Old Newspaper

In this tutorial, we will create a set of Photoshop brushes from an old newspaper, and then we will create a vintage paper texture using this set.

If you want to learn these techniques via video, check out our lesson on the Envato Tuts+ YouTube channel:

If you want to learn more about creating brushes or how to install Photoshop brushes, check out these tutorials:

• 

  How to Create Realistic Watercolor Photoshop Brushes From Scratch

  In this tutorial I will show you how to create watercolor brushes for photoshop from scratch.
• 

  How to Install Brushes in Photoshop

  In this quick video from our Photoshop in 60 seconds series, learn how to install and load custom brushes to use for your designs and digital paintings.

Tutorial Assets

The following assets were used in the production of this tutorial:

• Scanned Newspaper

1. How to Prepare the Document

Step 1

Press Control-O and then select the scanned image.

Step 2

After that, we need to create a new document. Hit Control-N to create a new document and use the following settings:

• 1500 x 1000 px
• 300 dpi
• Color Mode: RGB

2. How to Create Photoshop Brushes From a Paper Texture

Step 1

Click M and select the Elliptical Marquee Tool. Then select an area in the bottom left corner of the document while holding Shift.

Step 2

Hit Control-C to copy that part of the texture, and then go to the tab with the document we’ve created and hit Control-V.

Step 3

Select another area in the right part of the document and create a copy of it as we did before.

Step 4

And for the last element, let’s take a part of the illustration.

Step 5

Now we can start to create the brushes. Select the first copy and convert the layer to black and white by pressing Alt-Control-Shift-B. Hit OK.

Step 6

After that, we need to add Auto Contrast to the layer by pressing Alt-Control-Shift-L.

Step 7

Then go to Select > Color Range and use the following settings: 

• Select: Shadows
• Fuzziness: 15%
• Range: 65

Step 8

Create a copy of the selection by pressing Control-C and then Control-V, and then delete the first layer.

Step 9

Now we need to add a Black and White Filter and Auto Contrast to the second layer, as we did before with the first layer.

Step 10

Go to Image > Adjustments > Threshold and set the Threshold Level to 120.

Step 11

Let’s create a selection using a color range again. Go to Select > Color Range and use the following settings:

• Select: Highlights
• Fuzziness: 0%
• Range: 190

Step 12

Hit the Delete button to remove the selection from the layer.

Step 13

Now we need to convert the last layer to black and white and then go to Image > Adjustments > Brightness/Contrast and use the following settings:

• Brightness: 150
• Contrast: 100

Step 14

Go to Select > Color Range and use the following settings:

• Select: Highlights
• Fuzziness: 5%
• Range: 190

Then remove the selected area using the Delete button.

Step 15

Now we are ready to create the brush presets. Make all layers invisible except the first and go to Edit > Define Brush Preset, select any name you want to use for your brush, and hit the OK button. Then Define the second and the third brush presets the same way.

Step 16

Select the Brush Instrument and then select your first brush. After that, hit the Brush Settings icon.

Step 17

Put ticks on Shape Dynamics, Scattering, and Transfer, and use the following settings: 

• Shape Dynamics: Angle Jitter: 100%
• Scattering: Both Axes: On; Scatter: 390%; Count: 12
• Transfer: Opacity Jitter: 100%; Flow Jitter: 100%

Step 18

Create a new layer using Shift-Control-N and draw a texture with the brush using #ffbe88 for the color.

Step 19

Select the second brush and put ticks on Shape Dynamics and Scattering, and then use the following settings: 

• Shape Dynamics: Size Jitter: 100%; Angle Jitter: 100% 
• Scattering: Both Axes: On; Scatter: 1000%; Count: 1

Step 20

Create a new layer and change the Blending Mode of this layer to Soft Light, and then draw a texture with the brush we’ve created using black as the color.

Step 21

And for the last brush, let’s use the following settings:

• Shape Dynamics: Size Jitter: 100%; Angle Jitter: 100%
• Scattering: Scatter: 425%; Count: 3

Step 22

And for the last part of the texture, create a new layer and change the Blending Mode to Overlay. Then draw a texture on the layer with the last brush in black.

Awesome Work, You’re Now Done!

Congratulations! You have created a grunge brush Photoshop set from an old scanned newspaper and made a vintage paper texture with this set of Photoshop brushes.

Here is our final result: 

Now you can easily make textures using these brushes to create a vintage Photoshop effect or to add some final touches to your projects. If you’re looking for some more Photoshop brushes, then check out these amazing products on GraphicRiver:

Coffee and Paper Handcrafted Pack Volume 03

If you want to add some more grunge elements to your texture or create overlays for your image, then try this pack of 25 coffee stain brushes. This is a great tool to create a vintage Photoshop effect and make your artwork look grungy in a few simple clicks.

24 Distressed Texture Brushes

If you’re looking for some more brush texture sets, „24 Distressed Texture Brushes” is exactly what you need. This pack of Photoshop brushes could be used to create overlay elements for your photos or for creating text effects.

50 Torn Paper Brushes

This awesome pack of Photoshop brushes contains not only 50 paper brush textures but also 8 JPEG textures. It’s a great tool for creating realistic paper elements for your design projects.

9 Massive Grunge Brushes

In this pack, you will find a paintbrush Photoshop set, which could be a great tool for creating different types of artwork elements such as borders, frames, backgrounds, watercolor effects, and much more.

50 Vintage Brushes Set

Another great product is 50 Vintage Brushes Set, which contains five different types of Photoshop brushes, from noise to stains. It’s an easy tool to use for creating both overlays and textures.

Want to learn more about creating Photoshop brushes? Read these awesome tutorials:

• 
  Adobe Photoshop
  How to Create a Light Particles Photoshop Brush
  Jonathan Lam

• 
  Brushes
  Photoshop in 60 Seconds: Create Custom Brushes From Texture Graphics
  Melody Nieves

• 
  Adobe Photoshop
  Photoshop in 60 Seconds: Create 4 Unique Custom Brushes
  Melody Nieves

Post pobrano z: How to Create Photoshop Brushes From an Old Newspaper

In this tutorial, we will create a set of Photoshop brushes from an old newspaper, and then we will create a vintage paper texture using this set.

If you want to learn these techniques via video, check out our lesson on the Envato Tuts+ YouTube channel:

If you want to learn more about creating brushes or how to install Photoshop brushes, check out these tutorials:

• 

  How to Create Realistic Watercolor Photoshop Brushes From Scratch

  In this tutorial I will show you how to create watercolor brushes for photoshop from scratch.
• 

  How to Install Brushes in Photoshop

  In this quick video from our Photoshop in 60 seconds series, learn how to install and load custom brushes to use for your designs and digital paintings.

Tutorial Assets

The following assets were used in the production of this tutorial:

• Scanned Newspaper

1. How to Prepare the Document

Step 1

Press Control-O and then select the scanned image.

Step 2

After that, we need to create a new document. Hit Control-N to create a new document and use the following settings:

• 1500 x 1000 px
• 300 dpi
• Color Mode: RGB

2. How to Create Photoshop Brushes From a Paper Texture

Step 1

Click M and select the Elliptical Marquee Tool. Then select an area in the bottom left corner of the document while holding Shift.

Step 2

Hit Control-C to copy that part of the texture, and then go to the tab with the document we’ve created and hit Control-V.

Step 3

Select another area in the right part of the document and create a copy of it as we did before.

Step 4

And for the last element, let’s take a part of the illustration.

Step 5

Now we can start to create the brushes. Select the first copy and convert the layer to black and white by pressing Alt-Control-Shift-B. Hit OK.

Step 6

After that, we need to add Auto Contrast to the layer by pressing Alt-Control-Shift-L.

Step 7

Then go to Select > Color Range and use the following settings: 

• Select: Shadows
• Fuzziness: 15%
• Range: 65

Step 8

Create a copy of the selection by pressing Control-C and then Control-V, and then delete the first layer.

Step 9

Now we need to add a Black and White Filter and Auto Contrast to the second layer, as we did before with the first layer.

Step 10

Go to Image > Adjustments > Threshold and set the Threshold Level to 120.

Step 11

Let’s create a selection using a color range again. Go to Select > Color Range and use the following settings:

• Select: Highlights
• Fuzziness: 0%
• Range: 190

Step 12

Hit the Delete button to remove the selection from the layer.

Step 13

Now we need to convert the last layer to black and white and then go to Image > Adjustments > Brightness/Contrast and use the following settings:

• Brightness: 150
• Contrast: 100

Step 14

Go to Select > Color Range and use the following settings:

• Select: Highlights
• Fuzziness: 5%
• Range: 190

Then remove the selected area using the Delete button.

Step 15

Now we are ready to create the brush presets. Make all layers invisible except the first and go to Edit > Define Brush Preset, select any name you want to use for your brush, and hit the OK button. Then Define the second and the third brush presets the same way.

Step 16

Select the Brush Instrument and then select your first brush. After that, hit the Brush Settings icon.

Step 17

Put ticks on Shape Dynamics, Scattering, and Transfer, and use the following settings: 

• Shape Dynamics: Angle Jitter: 100%
• Scattering: Both Axes: On; Scatter: 390%; Count: 12
• Transfer: Opacity Jitter: 100%; Flow Jitter: 100%

Step 18

Create a new layer using Shift-Control-N and draw a texture with the brush using #ffbe88 for the color.

Step 19

Select the second brush and put ticks on Shape Dynamics and Scattering, and then use the following settings: 

• Shape Dynamics: Size Jitter: 100%; Angle Jitter: 100% 
• Scattering: Both Axes: On; Scatter: 1000%; Count: 1

Step 20

Create a new layer and change the Blending Mode of this layer to Soft Light, and then draw a texture with the brush we’ve created using black as the color.

Step 21

And for the last brush, let’s use the following settings:

• Shape Dynamics: Size Jitter: 100%; Angle Jitter: 100%
• Scattering: Scatter: 425%; Count: 3

Step 22

And for the last part of the texture, create a new layer and change the Blending Mode to Overlay. Then draw a texture on the layer with the last brush in black.

Awesome Work, You’re Now Done!

Congratulations! You have created a grunge brush Photoshop set from an old scanned newspaper and made a vintage paper texture with this set of Photoshop brushes.

Here is our final result: 

Now you can easily make textures using these brushes to create a vintage Photoshop effect or to add some final touches to your projects. If you’re looking for some more Photoshop brushes, then check out these amazing products on GraphicRiver:

Coffee and Paper Handcrafted Pack Volume 03

If you want to add some more grunge elements to your texture or create overlays for your image, then try this pack of 25 coffee stain brushes. This is a great tool to create a vintage Photoshop effect and make your artwork look grungy in a few simple clicks.

24 Distressed Texture Brushes

If you’re looking for some more brush texture sets, „24 Distressed Texture Brushes” is exactly what you need. This pack of Photoshop brushes could be used to create overlay elements for your photos or for creating text effects.

50 Torn Paper Brushes

This awesome pack of Photoshop brushes contains not only 50 paper brush textures but also 8 JPEG textures. It’s a great tool for creating realistic paper elements for your design projects.

9 Massive Grunge Brushes

In this pack, you will find a paintbrush Photoshop set, which could be a great tool for creating different types of artwork elements such as borders, frames, backgrounds, watercolor effects, and much more.

50 Vintage Brushes Set

Another great product is 50 Vintage Brushes Set, which contains five different types of Photoshop brushes, from noise to stains. It’s an easy tool to use for creating both overlays and textures.

Want to learn more about creating Photoshop brushes? Read these awesome tutorials:

• 
  Adobe Photoshop
  How to Create a Light Particles Photoshop Brush
  Jonathan Lam

• 
  Brushes
  Photoshop in 60 Seconds: Create Custom Brushes From Texture Graphics
  Melody Nieves

• 
  Adobe Photoshop
  Photoshop in 60 Seconds: Create 4 Unique Custom Brushes
  Melody Nieves

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius

Post pobrano z: How to Create a Cool Bubble Font Text Effect

In the following steps, you will learn how to create a bubble text design using a bubble letter font in Adobe Illustrator.

For starters, you will learn how to create the text using a cute bubble font. Next, using the Appearance panel along with Offset Path and Transform effects, you will create the starting style for your bubble text effect. Moving on, you will learn how to further stylize your bubble font using basic blending techniques, built-in patterns, and a Gaussian Blur effect. Using strokes and some Drop Shadow effects, you will learn how to add the final touches to your text design.

In the final steps, you will learn how to easily save and reuse the Appearance attributes of your bubble letter font and how to create a simple background for a text design.

For more inspiration on how to adjust or improve your final text design using cool bubble letter fonts, you can find plenty of resources at GraphicRiver.

What You Will Need

You will need the following font in order to complete this text design:

• Bomber Balloon font

1. How to Create a New Document and Use a Bubble Font

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

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Step 2

Pick the Type Tool (T), click on your artboard, and open the Text panel (Window > Type > Character).

Select the Bomber Balloon font and set the size to 250 px. Type the „BUBBLE” text and make it black (R=0 G=0 B=0). Feel free to search for more cool bubble letter fonts and use them instead of this one.

2. How to Create Bubble Text Effects

Step 1

Make sure that your cute bubble font stays selected, open the Swatches panel (Window > Swatches), and click that [None] swatch to remove the existing text color. This should make your text invisible, but don’t worry—we’ll fix it immediately.

Open the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button from the bottom of the panel. Select the new fill and set its color to R=40 G=73 B=138.

Step 2

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a second fill using that same Add New Fill button, and select it. Set the color to R=50 G=120 B=181 and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 3

Make sure that your text design stays selected and keep focusing on the Appearance panel. Select the top fill and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 4

Make sure that your text design stays selected and keep focusing on the Appearance panel.

Add a third fill using the Add New Fill button, and select it. Set the color to R=73 G=152 B=212 and go to Effect > Path > Offset Path. Enter a -8 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 5

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fourth fill using the Add New Fill button, and select it. Set the color to R=71 G=188 B=235 and go to Effect > Path > Offset Path. Enter a -12 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 6

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a fifth fill using the Add New Fill button, and select it. Apply the linear gradient shown below (Window > Gradient), set its Angle to 90 degrees, and go to Effect > Path > Offset Path. Enter a -16 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 7

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a sixth fill using the Add New Fill button, and select it. Set the color to white (R=255 G=255 B=255) and go to Effect > Path > Offset Path. Enter a -22 px Offset, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 2 px Radius, click OK, and return to the Appearance panel. Expand your white fill and click on Opacity to open the Transparency fly-out panel. Lower the Opacity to 30% and change the Blending Mode to Overlay.

Step 8

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the white fill and duplicate it using the Duplicate Selected Item button from the bottom of the panel. Expand the newly added fill, select the existing Gaussian Blur effect, and remove it by clicking on Delete Selected Item from the bottom of the panel.

Step 9

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Change its Blending Mode to Overlay and apply the linear gradient shown below. The yellow zero from the gradient image stands for the Opacity percentage. This simply means that you must select that gradient slider and lower its Opacity to 0% from the Gradient panel.

Step 10

Open the fly-out menu from the Swatches panel and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Make sure that your text design stays selected and focus on the Appearance panel.

Add a new fill using the Add New Fill button and select it. Apply the Mezzotint Dot pattern from Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK. Be sure that you uncheck the Transform Objects box and check the Transform Patterns box. This will scale the applied pattern without affecting its boundaries.

Step 11

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 50%, and change the Blending Mode to Color Dodge.

Step 12

Make sure that your text design stays selected, and focus on the Appearance panel.

Add a new fill using the Add New Fill button, and select it. Apply the USGS 22 Gravel Beach pattern from the Basic Graphics_Texture panel and go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and click OK.

Step 13

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the top fill, lower its Opacity to 80%, and change the Blending Mode to Color Dodge.

Step 14

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the stroke, set the Weight to 8 px, and apply the linear gradient shown below (don’t forget to select the right gradient slider and lower its Opacity to 0%). Change its Blending Mode to Soft Light and go to Effect > Path > Offset Path. Enter a -4 px Offset and click OK.

Step 15

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Add a second stroke using the Add New Stroke button from the bottom of the panel, and select it. Set the Weight to 4 px and apply the linear gradient shown below (don’t forget to select the left gradient slider, lower its Opacity to 0%, and change the Location to 25%). Lower its Opacity to 70% and change the Blending Mode to Color Dodge, and then go to Effect > Path > Offset Path. Enter a -6 px Offset and click OK.

Step 16

Make sure that your text design stays selected, and keep focusing on the Appearance panel.

Select the bottom fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click OK, and then apply the other four Drop Shadow effects shown below.

3. How to Save and Use a Graphic Style

Step 1

Make sure that your text design is still selected, and open the Graphic Styles panel (Window > Graphic Styles). Click the New Graphic Style button to save the appearance attributes of your selection.

Step 2

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Create two 50 px circles and a 70 x 50 px ellipse. Place these new shapes roughly as shown in the following image.

Step 3

Select the three shapes added in the previous step and apply your graphic style from the Graphic Styles panel.

Step 4

Select the top circle and go to Effect > Warp > Arch. Check the Vertical box, drag the Bend slider to 15%, and click OK.

Select the other two shapes and again go to Effect > Warp > Arch. Check the Horizontal box, drag the Bend slider to 15%, and click OK.

4. How to Add a Simple Background for Text Effects

Pick the Rectangle Tool (M), click on your artboard to open the Rectangle window, and use it to create a 610 x 860 px shape. Make sure that this new shape covers your entire artboard and send it to the back (Shift-Control-[).

Fill it with the radial gradient shown below and use the Gradient Tool (G) to stretch your gradient as shown in the following image.

Congratulations! Your Text Design Is Complete!

Here is how your bubble letter font should look. I hope you’ve enjoyed this tutorial and can apply these techniques for your future text effects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the final text design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your text effects.

Want to Learn More?

Check out the following text effects:

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Adobe Illustrator
  New Course: Create an Isometric Text Effect in Adobe Illustrator
  Andrew Blackman

• 
  Text Effects
  How to Create an Isometric Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Half-Blurred Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
  Laura Keung

• 
  Text Effects
  How to Create a Game Graphic Style Text Effect in Adobe Illustrator
  Vishnu Gupta

• 
  Text Effects
  How to Create a Rococo Text Effect in Adobe Illustrator
  Diana Toma

• 
  Text Effects
  How to Create a Retro Chrome Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Layered Paper Art Text Effect in Adobe Illustrator
  Andrei Marius

• 
  Text Effects
  How to Create a Folded Text Effect in Adobe Illustrator
  Andrei Marius