How to Create a Fall Text Effect in Illustrator

Final product imageFinal product imageFinal product image
What You’ll Be Creating

In the following tutorial, you will learn how to make a leaf brush in Illustrator and how to create a fall text effect.

For starters, you will learn how to create four different leaf designs from the group up. Then, you will learn how to turn them into leaf brushes.

Taking full advantage of the Appearance panel, you will learn how to use your leaf brushes to create a fall text effect, while keeping the text fully editable.

If you’re looking for more fall fonts, you can always try Envato Elements, the place where you can find a massive collection of autumn fonts. This fall calligraphy font is just one of many examples. Feel free to use it on your projects, promotions, advertisements, social media, and even printed designs!

fall calligraphy fontfall calligraphy fontfall calligraphy font

What You’ll Learn in This Adobe Illustrator Tutorial

  • How to make a leaf brush in Illustrator
  • How to create a fall text effect

Follow along with us over on our Envato Tuts+ YouTube channel:

What You’ll Need

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

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 box and 500 in the height box, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to High (300 ppi), and then click Create Document.

Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). You will need a grid every 1 px, so simply go to Edit > Preferences > Guides & Grid, and enter 1 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-“ keyboard shortcut.

You can learn more about Illustrator’s grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator’s Grid System.

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. Now that your document is set up, let’s start by learning how to make a leaf brush in Illustrator.

set up new documentset up new documentset up new document

2. How to Create the First Leaf Design

Step 1

Pick the Ellipse Tool (L) and focus on your Toolbar. Remove the color from the stroke and then select the fill and set its color to R=175 G=172 B=42.

Move to your artboard and click and drag or simply click on it to create a 24 x 54 px shape—the grid and the Snap to Grid should make it easier.

Switch to the Anchor Point Tool (Shift-C), and just click the two anchor points highlighted in the second image.

leaf design ellipseleaf design ellipseleaf design ellipse

Step 2

Make sure that your shape is still selected and go to Effect > Warp > Shell Lower. Enter the settings shown in the following image, click OK, and then go to Object > Expand Appearance.

leaf design warp effectleaf design warp effectleaf design warp effect

Step 3

With your shape still selected, press Control-C and Control-F to add a copy in front. Deselect this copy and change the fill color from your Toolbar to R=150 G=148 B=43.

Grab the Rectangle Tool (M) from your Toolbar and use it to create a shape that covers the right half of your leaf shape.

Switch to the Move Tool (V), hold down the Shift key to select this rectangle along with the copy of your leaf shape, go to the Pathfinder panel (Window > Pathfinder), and click the Intersect button.

leaf design halfleaf design halfleaf design half

Step 4

Make sure that you have nothing selected, press Shift-X to swap the fill and stroke color settings from your Toolbar, and then change the stroke color to R=122 G=121 B=15.

Using the Pen Tool (P) or the Line Segment Tool (\), create a 62 px vertical path, as shown in the following image. Keep in mind that you can hold down the Shift key as you create this path to easily make it a perfect vertical line.

Keep it selected and focus on the Appearance panel (Window > Appearance). Click the Stroke button, which will open the Stroke fly-out panel. Increase the Weight to 2 px, select Width Profile 4 from the Profile drop-down menu, and don’t forget to check the Round Cap button.

leaf design strokeleaf design strokeleaf design stroke

Step 5

Reselect the Pen Tool (P) and let’s add some horizontal paths.

Start with an 8 px path and place it as shown below. Lower the stroke Weight to 1 px and select Width Profile 1 for this new path.

Using the same appearance settings, add another three paths, as shown in the following image.

leaf design horizontal pathleaf design horizontal pathleaf design horizontal path

Step 6

Using the Move Tool (V), select all your horizontal paths and go to Object > Path > Add Anchor Points.

Switch to the Direct Selection Tool (A) and focus on the top horizontal path. Select that middle anchor point and drag it 4 px down. Keep in mind that you can hold down the Shift key as you drag this point to constrain the movement.

Move to the next two paths, hold down the Shift key to easily select both middle points, and drag them 7 px down. Move to the final path, select that middle point, and drag it 5 px down.

Reselect the Move Tool (V) and use it to reselect the four paths edited in this step, and then go to Effect > Warp > Arc. Enter the settings shown in the following image and click OK.

add anchor pointsadd anchor pointsadd anchor points

Step 7

Select all the shapes that make up this leaf design and press Control-G to Group them, and then go to Effect > Warp > Flag.

Enter the settings shown in the following image and then click OK.

fall leaf designfall leaf designfall leaf design

3. How to Create the Second Leaf Design

Step 1

Focus on your Toolbar to remove the stroke color and set the fill color to R=239 G=128 B=32.

Grab the Ellipse Tool (L) and use it to create a 44 x 58 px shape, and then switch to the Anchor Point Tool (Shift-C).

First, click the top anchor point and then click and drag the bottom anchor point. Drag those handles 5 px to the left, as shown in the second image.

leaf design orangeleaf design orangeleaf design orange

Step 2

Grab the Move Tool (V) to select this entire orange shape and add a copy in front (Control-C and Control-F). Deselect the copy and change the fill color from your Toolbar to R=209 G=88 B=24.

Grab the Rectangle Tool (M) and use it to create a shape that covers the right half of your orange shape.

Reselect the Move Tool (V), select this rectangle along with the copy of your orange shape, and click the Intersect button from the Pathfinder panel.

orange leaf design halforange leaf design halforange leaf design half

Step 3

Make sure that you have nothing selected, press Shift-X to swap the fill and stroke color settings from your Toolbar, and then change the stroke color to R=181 G=77 B=23.

Using the Pen Tool (P) or the Line Segment Tool (\), create a 62 px vertical path, as shown in the following image.

Keep it selected and focus on the Appearance panel. Open the Stroke fly-out panel, increase the Weight to 2 px, select Width Profile 4, and don’t forget to check the Round Cap button.

orange leaf design lineorange leaf design lineorange leaf design line

Step 4

Reselect the Pen Tool (P) and let’s add some horizontal paths.

Start with a 16 px path and place it as shown below. Lower the stroke Weight to 1 px and change the Profile to Width Profile 1. Using the same appearance settings, add another two paths, as shown in the following image.

Once you’re done, select all three paths, and go to Object > Path > Add Anchor Points.

Switch to the Direct Selection Tool (A), hold down the Shift key to select those middle anchor points from the top and bottom paths, and drag them 3 px down. Move to the middle path, select that middle point, and drag it 5 px down.

orange leaf design linesorange leaf design linesorange leaf design lines

Step 5

Select all the shapes that make up this second leaf design and press Control-G to Group them, and then go to Effect > Warp > Flag.

Enter the settings shown in the following image and then click OK.

orange leaf design warporange leaf design warporange leaf design warp

4. How to Create the Third Leaf Design

Step 1

Focus on your Toolbar to remove the stroke color and set the fill color to R=252 G=209 B=53.

Grab the Ellipse Tool (L) and use it to create a 20 x 40 px shape, and then grab the Anchor Point Tool (Shift-C).

Click the top anchor point and then switch to the Direct Selection Tool (A) to select this point and drag it 18 px up.

yellow leaf designyellow leaf designyellow leaf design

Step 2

Grab the Move Tool (V) to select this entire yellow shape and add a copy in front (Control-C and Control-F). Deselect the copy and change the fill color from your Toolbar to R=241 G=176 B=22.

Grab the Rectangle Tool (M) and use it to create a shape that covers the right half of your yellow shape.

Reselect the Move Tool (V), select this rectangle along with the copy of your orange shape, and click the Intersect button from the Pathfinder panel.

yellow leaf design halfyellow leaf design halfyellow leaf design half

Step 3

Press Shift-X to swap the fill and stroke color settings from your Toolbar, and then change the stroke color to R=219 G=96 B=42.

Using the Pen Tool (P) or the Line Segment Tool (\), create a 62 px vertical path, as shown in the following image.

Keep it selected and go to the Appearance panel. Open the Stroke fly-out panel, increase the Weight to 2 px, select Width Profile 4, and don’t forget to check the Round Cap button.

yellow leaf design lineyellow leaf design lineyellow leaf design line

Step 4

Select all the shapes that make up this third leaf design to Group them (Control-G), and then go to Effect > Warp > Arc.

Enter the settings shown in the following image and then click OK.

yellow leaf design warpyellow leaf design warpyellow leaf design warp

5. How to Create the Fourth Leaf Design

Step 1

Focus on your Toolbar to remove the stroke color and set the fill color to R=200 G=60 B=37.

Grab the Ellipse Tool (L) and use it to create a 16 x 48 px shape, and then switch to the Anchor Point Tool (Shift-C).

First, click the bottom anchor point and then click and drag the top anchor point. Hold down the Alt key to drag each handle separately, as shown in the second image.

red leaf designred leaf designred leaf design

Step 2

Deselect your shape, press Shift-X to swap the fill and stroke color settings from your Toolbar, and then change the stroke color to R=137 G=47 B=59.

Using the Pen Tool (P) or the Line Segment Tool (\), create a 38 px vertical path, as shown in the following image.

Keep it selected and go to the Appearance panel to set the Weight to 1 px and select Width Profile 4.

red leaf design linered leaf design linered leaf design line

Step 3

Select the vertical path along with the red shape to Group them (Control-G), and then go to Effect > Distort & Transform > Transform.

Most importantly, make sure that you check the middle-bottom reference point (highlighted), move both Scale sliders to 80%, set the Angle to 55 degrees and enter 2 Copies, and then click OK to apply the effect.

red leaf design transformred leaf design transformred leaf design transform

Step 4

Make sure that your group is still selected and press Control-C > Control-F to add a copy in front.

With this copy selected, return to the Appearance panel, click the existing Transform effect to open it, change the Angle to -55 degrees and click OK.

red leaf design multiplyred leaf design multiplyred leaf design multiply

Step 5

Reselect both groups and go to Object > Expand Appearance, and then press Shift-Control-G three times to Ungroup all the resulting shapes.

Select the five darker shapes and press the Unite button from the Pathfinder panel, and then select the other five red shapes and do the same thing.

red leaf design unitered leaf design unitered leaf design unite

Step 6

Make sure that your red shape is still selected and add a copy in front (Control-C > Control-F).

Switch to the Rectangle Tool (M) and use it to create a shape that covers the right half of your red shape.

Select this rectangle along with the copy of your red shape, and click the Intersect button from the Pathfinder panel. Press Control-[ to send this shape backward, behind that thin shape, as shown in the third image.

red leaf design halfred leaf design halfred leaf design half

Step 7

Using the Rectangle Tool (M), create a 2 x 15 px shape, fill it with R=137 G=59 B=47 and place it as shown in the first image.

With this shape selected, switch to the Direct Selection Tool (A), focus on the control panel, and set the Corner Radius to 1 px.

Once you’re done, select all the shapes that make up this leaf design and Group them (Control-G).

red leaf design groupred leaf design groupred leaf design group

6. How to Make a Leaf Brush in Illustrator

Step 1

Select your first leaf design, go to the Brushes panel (Window > Brushes), and click the New Brush button. Check the Scatter Brush box and click OK to open the Scatter Brush Options window.

Name this leaf brush ‘Green’, set all four variables to Random, and enter the settings shown in the following image. Once you’re done, click OK and your new leaf brush will show up inside the Brushes panel.

leaf brush greenleaf brush greenleaf brush green

Step 2

Move to your second leaf design and repeat the technique to save it as a leaf brush. Save the group as a scatter brush, name it ‘Orange’, enter all the settings shown below, and click OK.

leaf brush orangeleaf brush orangeleaf brush orange

Step 3

Move to your next leaf design and repeat the technique to save it as a leaf brush. Save the group as a scatter brush, name it ‘Yellow’, enter all the settings shown below, and click OK.

leaf brush yellowleaf brush yellowleaf brush yellow

Step 4

Move to your final leaf design and repeat the technique to save it as a leaf brush. Save the group as a scatter brush, name it ‘Red’, enter all the settings shown below, and click OK.

Now that you have all four scatter brushes, feel free to delete all four leaf designs from your artboard.

red leaf design redred leaf design redred leaf design red

7. How to Make the Leaf Text Effect

Step 1

Let’s start with the background. Grab the Rectangle Tool (M) and use it to create a shape that covers your entire artboard.

Fill it with the radial gradient shown below and use the Gradient Tool (G) from your Toolbar to squeeze the gradient roughly as shown below.

fall design backgroundfall design backgroundfall design background

Step 2

Pick the Type Tool (T) and open the Character panel (Window > Type > Character).

Select the Etna font, set the size to 250 px and the tracking to 100, and then simply click on your artboard to type in “FALL”.

fall textfall textfall text

Step 3

Make sure that your text remains selected as we move on, focus on the Swatches panel (Window > Swatches), and click the [None] swatch to get rid of the existing text color.

Move to the Appearance panel and click the Add New Fill button to add a new fill for your text. Select it and set the color to R=144 G=49 B=62, and then go to Effect > Stylize > Drop Shadow. Enter the settings shown in the following image and click OK.

add new fill drop shadowadd new fill drop shadowadd new fill drop shadow

Step 4

Make sure that your text is still selected and keep focusing on the Appearance panel.

Select the stroke, set the color to R=241 G=176 B=22 , and then go to Effect > Distort & Transform > Roughen. Enter the settings shown below and then return to the Appearance panel to increase the stroke Weight to 2 px and select Width Profile 2.

stroke roughenstroke roughenstroke roughen

Step 5

Using the Add New Stroke button from the bottom of the Appearance panel, add a second stroke to your text and select it.

Set the color to R=92 G=91 B=11, and then go to Effect > Distort & Transform > Roughen. Enter the settings shown below and then return to the Appearance panel to set the stroke Weight to 1 px and select Width Profile 2.

add new strokeadd new strokeadd new stroke

Step 6

Add a new stroke for your text and select it. Simply apply your ‘Red’ leaf brush from the Brushes panel and then go to Effect > Stylize > Drop Shadow.

Enter the settings shown below and click OK to apply the effect.

stroke red brushstroke red brushstroke red brush

Step 7

Add a new stroke for your text and select it. Again, apply your ‘Orange’ leaf brush from the Brushes panel and then go to Effect > Stylize > Drop Shadow.

Enter the settings shown below and click OK to apply the effect.

stroke orange brushstroke orange brushstroke orange brush

Step 8

Add another stroke for your text and select it. Apply your ‘Yellow’ leaf brush from the Brushes panel and then go to Effect > Stylize > Drop Shadow.

Enter the settings shown below, click OK to apply the effect, and this will be your fall lettering design.

stroke yellow brushstroke yellow brushstroke yellow brush

Step 9

Add one final stroke to your text and select it. Apply your ‘Green’ leaf brush from the Brushes panel and then go to Effect > Stylize > Drop Shadow.

Enter the settings shown below and click OK to apply the effect.

stroke green brushstroke green brushstroke green brush

Congratulations! You’re Done!

Here is how your fall lettering should look. I hope you’ve enjoyed this tutorial and can apply these techniques in other fall designs. Feel free to try this design on some other cute fall fonts. You can find some interesting autumn fonts at Envato Elements.

fall text effectfall text effectfall text effect

Popular Fall Fonts From Envato Elements

Envato Elements is an excellent resource for cute fall fonts. Here’s a short list of some of the most popular fall fonts that you can find.

Thanks Autumn: Fall Calligraphy Font

This fall calligraphy font can be used to create neat and cozy fall designs.

fall calligraphy fontfall calligraphy fontfall calligraphy font

Autumn Fairy: Cursive Fall Font

This cursive fall font would be perfect for headings, logos, business cards, printed designs, wedding invitations, cards, packaging, and your website or social media branding.

cursive fall fontcursive fall fontcursive fall font

Samberia Modern Script Font

This fall font alphabet can be used to create fun and playful fall lettering. Combine it with your leaf brush collection and the final fall design will be mesmerizing.

cute fall fontscute fall fontscute fall fonts

Autumn Sunset: Handwritten Font Duo

Now that you know how to create your own fall text effect, you can experiment with different fall fonts. This fall font alphabet could be the perfect start.

fall font alphabetfall font alphabetfall font alphabet

Cursive Fall Font

Try this cursive fall font to give your design a sleek and elegant feel with just a few clicks.

fall letteringfall letteringfall lettering

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

{excerpt}
Read More

How to Create a Storm Photo Effect in Photoshop

Final product imageFinal product imageFinal product image
What You’ll Be Creating

Today we will be learning how to create a storm photo effect in Photoshop! We will be combining epic cloud effects and a quick and easy lightning effect in Photoshop to create a stormy atmosphere that can be used in both portrait and landscape photo manipulations. 

You can create an even quicker epic storm effect with this high-contrast storm dispersion Photoshop action found on Envato Elements! Create an instant cloud effect in Photoshop, giving your images the same stormy atmosphere in half the time. 

Storm Photoshop ActionStorm Photoshop ActionStorm Photoshop Action

What You’ll Learn in This Adobe Photoshop Tutorial 

  • How to create lightning in Photoshop
  • How to make clouds in Photoshop
  • How to use brushes from a storm Photoshop action
  • How to add rain to a photo in Photoshop 

Follow along with us over on our Envato Tuts+ YouTube channel:

What You’ll Need

To complete this project, you will need the following resources:

Find more resources on Envato Elements!

1. How to Create a Cloud Effect Background

First, we will be laying down a set of clouds as a base for our storm!

Step 1

We’ll be creating our storm composite on a new 2200 by 3200 px canvas. 

Let’s start by dragging and dropping a stock image of some grey stormy clouds onto the canvas. Enlarge and transform the clouds to where they best fit the canvas. 

Right Click > Convert to Smart Object if the layer is not already a smart object. This will make it so that we can adjust or remove the settings later if we need to. And we are going to need to!

place cloudy background place cloudy background place cloudy background

Step 2

Now, let’s do some quick color correction, starting with Image > Adjustments > Brightness/Contrast. Set the Brightness to -60 and the Contrast to -50. 

And then go to Image > Adjustments > Hue/Saturation, setting the Saturation to -100.

color adjust clouds color adjust clouds color adjust clouds

Step 3

Let’s finish off the base with a new layer set to Overlay and paint some white right in the middle of the canvas with a soft round brush. You can lower the Opacity of the layer if the effect is too intense.

Go ahead and Group the base background layers together, naming the group “Background”

add lighting to clouds add lighting to clouds add lighting to clouds

2. How to Create a Stormy Color Grade

Now, we are going to create a new group called “Color Grade” that will stay above all of our current and future layers. This color grade will give our composition a high-contrast deep blue atmosphere!  

Step 1

Go ahead and place your subject if you have one, extracting using your preferred method. Mine is usually a combination of the Pen Tool and Select and Mask, though any method works! 

place subject place subject place subject

Step 2

Starting our color grade, we have a Color Lookup adjustment layer set to Multiply and a 38% Opacity. Also add a Blend If setting similar to what you see here:

blend if settings  blend if settings  blend if settings
blend if setting results  blend if setting results  blend if setting results

Step 3

Now, we are going to Duplicate the Color Lookup layer, bringing it above the original, and then Invert the layer mask using Control-I.

Now with a soft round Brush, we can mask some shadow onto the subject’s body. This layer will keep the same Blend If settings as its original! 

add shadow to body add shadow to body add shadow to body

Step 4

Third, we have a Color Lookup set to Foggy Night at 88% Opacity. 

foggy night foggy night foggy night

Step 5

Fourth, a Color Lookup set to Fuji f125 Kodak 2393 at 67% Opacity.

fuji color lookup fuji color lookup fuji color lookup

Step 6

Fifth, a Color Lookup layer set to Kodak 5218 Kodak 2383 at 27% Opacity. 

kodak kodak kodak

Step 7

Sixth, a Selective Color layer affecting the Yellows set to +62, +16, -100, and +41.

selective  color adjustments selective  color adjustments selective  color adjustments

Step 8

And finally, a Hue/Saturation layer set to a Saturation of +33.

Group all of your adjustments layers into a group named “Color Grade!” This group will remain at the top of your layer stack, with all future layers going below it. 

hue and saturation hue and saturation hue and saturation

3. How to Add Lightning in Photoshop

Step 1

Next, let’s create some lightning! Start by downloading and installing some Bold Lightning Photoshop Brushes.

However, if you’d like to learn how to make lightning in Photoshop yourself, you can easily make your very own lightning brushes! 

Step 2

With your lightning brushes installed, create a New Layer below your subject and then stamp one of the lightning brushes onto the canvas, making it fairly large.

 how to add lightning in photoshop how to add lightning in photoshop how to add lightning in photoshop

Step 3

We are then going to further enlarge the lightning significantly! Don’t worry about things like pixelation or blurriness—just focus on positioning your lightning bolt.

As this subject has a large lens flare on her chin, I made sure the brightest point of the bolt lined up in the general area. 

Feel free to add more than one lightning bolt; just make sure to create each bolt on its own layer. This will make positioning and editing the bolts using the Transform and Warp tools much easier if you end up needing to. 

enlarge lightning enlarge lightning enlarge lightning

Step 4

Once  you’re happy with the placement of your bolt or bolts, add a Filter > Blur Gallery > Field Blur, setting the Blur to around 25 or so.

field blur field blur field blur

Step 5

To finish off the lightning, we are going to add an Outer Glow layer effect. Set the Blend Mode to Screen, the Color to a golden yellow#090804, and the Size to 27 px.

outer glow layer style outer glow layer style outer glow layer style

Step 6

You can repeat the same steps to add lightning above the subject as well!

add more lightning add more lightning add more lightning

Step 7

Now, we need to add some quick lighting to our subject!

First, clip a New Layer into the subject, setting it to Overlay.  Using a large soft round Brush, paint white on the edges of your subject.

Bring the Flow Rate of your brush down to 10% so that you can build this and the upcoming lighting up slowly. 

add overlay rim light add overlay rim light add overlay rim light

Step 8

Next, add a clipped layer set to Soft Light. Here we’re going to paint more white on the edges of the subject, slowly bringing the lighting slightly more inwards. 

add soft light rim light add soft light rim light add soft light rim light

Step 9

We can repeat this step with as many Soft Light layers as we need, until we get a bright rim light. 

If you need a harsher rim light, create and clip a New Layer, keeping it set to Normal, and then paint using a soft or hard brush depending on the area you are painting.

For the edges of the subject’s face, I used a hard round brush, while for the edges of the hair I used a soft round brush.  

I ended up with a total of three Soft Light layers and one layer set to Normal. However, you may need even more layers with different layer modes such as Overlay or Screen.

You can also adjust opacities and use different colors, bringing in light blues or golds! It’s all about layering and building the light up slowly!

continue  building up light continue  building up light continue  building up light

Step 10 

Create quick and easy backlit hair by Duplicating your extracted subject, filling the duplicate with white, and then moving the layer up and to the side 50 px or so. 

Add a Layer Mask and mask out any areas that do not need the rim light effect. 

backlit hair backlit hair backlit hair

4. How to Create Dynamic Rain 

Step 1

Next up, some fast-falling rain! I’ll be using these Rain Overlay textures, starting with the “medium rainfall” overlay. Drag and drop it below the subject and lightning layers, enlarge it, and then set the layer to Overlay. 

place rain overlay place rain overlay place rain overlay

Step 2 

Once it’s enlarged, you can use the Move Tool to angle the rain so that it looks as if it’s blowing in from the side. This will help give the effect of wind!

angle rain angle rain angle rain

Step 3

Next, from the same pack, we are going to take the “Heavy Drizzle” overlay and once again, drag, drop, and angle it on our canvas. 

This rain, however, will be significantly smaller, and we will be keeping it set to Normal.

Try to place it over a bright portion of the lightning. Keep in mind that it shouldn’t be covering the whole canvas. 

place smaller rain place smaller rain place smaller rain

Step 4

Add a layer mask to the rain drizzle, and then Invert it to black using Control-I.

Now, we can use a soft round Brush to mask back in a portion of the rain, focusing on the rain falling directly over the light source. 

The lighter the area, the more rain will show, while it will fade out into the darker areas of the background. Try to keep the edges smooth and natural. 

mask out rain overlay mask out rain overlay mask out rain overlay

Step 5

Now, we have two options. We can either redo the previous steps over and over with a new rain overlay, or we can Duplicate this rain and place it over the main light source, which in this case is the lightning. 

I chose to duplicate the layer, placing it throughout the background, with the strongest concentration of rain being over the lightning, making sure there were no repeated patterns or noticeable edges. 

duplicate small rain duplicate small rain duplicate small rain

Step 6

We can make the rain even more intense by selecting all of our rain overlays, Duplicating them, Grouping them, and then adjusting the group’s Opacity. I ended up with an Opacity of 25%. The amount will depend on how intense you want the rain to look. 

Once you’re happy, Group all of your rain overlays, and the duplicated overlays group, into their own group named “Rain.”

group and duplicate rain group and duplicate rain group and duplicate rain

5. How to Make Clouds in Photoshop

Step 1

Let’s finish up by adding a stormy foreground!

We are going to Duplicate the grey stormy clouds from the “Background” group, bringing the duplicate directly below the “Color Grade” group.

We are then going to hide the Brightness/Contrast layer adjustment by clicking the Eye icon under the layer’s Smart Filters. 

duplicate clouds duplicate clouds duplicate clouds

Step 2

Next, we are going to add a Layer Mask to the layer, if it doesn’t already have one, and then using the cloud brush from the Cloud Photoshop Action mask out the center of the stormy clouds. 

Use black to mask things out and white to mask things back in. You will want to adjust this as you go from here. So there’s no need to get it perfect the first time! We just want a general foreground of clouds. 

mask out middle clouds mask out middle clouds mask out middle clouds

Step 3

Now, create a New Layer set to 50% Opacity, and then use the same set of cloud brushes to paint white clouds over the foreground clouds. This will give them more detail and form. 

pain in cloud effect pain in cloud effect pain in cloud effect

Step 4

Drag and drop the “Dense Rain Fall” overlay from the rain overlay pack. Enlarge and elongate it so that it fits the entire canvas, angling it in the same direction as the other rain.  

You can set the layer to Overlay, Soft Light, or keep it set to Normal, depending on what works best for your image and what kind of effect you’re going for. I set mine to Overlay this time around. 

place large rain overlay place large rain overlay place large rain overlay

Step 5 

Let’s finish up the rain by adding a Layer Mask and masking out the darker areas of the background, the rain around the face to keep her unobstructed, and some of the rain around the edges of the canvas. 

mask out large rain overlay mask out large rain overlay mask out large rain overlay

That’s It! 

That is all there is to creating a stormy cloud effect in Photoshop! Clouds in Photoshop can be done in multiple different ways, from brushes to images or, as we did here today, a combination of both. Lightning in Photoshop is just as versatile, but using premium brushes or storm Photoshop actions is always a quick and easy way to instant stormy weather! 

how to add lightning in photoshophow to add lightning in photoshophow to add lightning in photoshop

Looking for More Storm Photoshop Actions? 

Check out these dramatic lightning effect Photoshop actions and stormy cloud Photoshop brushes!

Rainstorm Photoshop Action CS3+

Rainstorm Photoshop Action CS3+Rainstorm Photoshop Action CS3+Rainstorm Photoshop Action CS3+

Create instant rainstorms that are realistic but still full of drama! This action can create varying levels of rain and make it interact with the subject in a realistic way, adding movement and mood.

75 Lightning Overlays Vol. 2

75 Lightning Overlays Vol. 275 Lightning Overlays Vol. 275 Lightning Overlays Vol. 2

These 75 lightning overlays are even easier to use than brushes! Just drag and drop, and you have instant lightning in Photoshop! You can also try different layer modes, layering the lightning overlays on top of one another, creating the ultimate light storm.  

50 Lightning Photoshop Brushes

50 Lightning Photoshop Brushes50 Lightning Photoshop Brushes50 Lightning Photoshop Brushes

If you are wondering how to add lightning in Photoshop in a way that looks natural, then this giant set of 50 lightning Photoshop brushes is for you! Lightning never looks the same, with each strike being different. So recreate the randomness of nature by never repeating the same lightning strike twice!  

Storm Photoshop Action

Storm Photoshop ActionStorm Photoshop ActionStorm Photoshop Action

Wondering how to make lightning in Photoshop even more epic-looking? Try adding some natural disasters! Tornados, tsunamis, and hurricanes can all be created within minutes thanks to this epic storm Photoshop action.   

Looking to learn even more? Check out some more tutorials below:  

{excerpt}
Read More

Weekly Short Story: Look The Other Way

On Monday mornings, I send out a story via email: ultra-brief tales of 1,000 words or more, usually in genres including science fiction, horror, and the supernatural. Those stories collectively are called Once Upon A Time. I’ve also published three ebooks and one paperback anthology of those stories so far.

I’d love to have you as a subscriber to the weekly free story. You can subscribe via email here, or use the form below. Unsubscribe any time, from the link in every issue.

Continue reading “Weekly Short Story: Look The Other Way”