Archiwum kategorii: Web Tools

21 Best Business Flyer Templates Using a Flyer Creator (Without Photoshop)

Post pobrano z: 21 Best Business Flyer Templates Using a Flyer Creator (Without Photoshop)

As a business, your success depends on getting your products and/or services in front of the right audience. Done right, business flyers can be a versatile and effective tool for reaching prospective clients while keeping marketing costs low.  

Creating beautiful and effective business flyers, however, can be a challenge, especially for small businesses who don’t know how to make a business flyer, and who may not have the budget to hire a dedicated marketing and design team to come up with flyer design ideas and create the best flyers for your business. 

How to Make a Flyer Online Using a Flyer Creator

Placeit can help. For a single affordable monthly fee, Placeit allows you to download unlimited digital assets. And with one of the largest collections of flyer templates on the internet, Placeit makes it easy for large and small businesses to create perfect business flyers every time. 

Placeit’s cutting-edge Flyer Creator is an online flyer maker that shows you how to make a flyer online without any special design software like Photoshop. With tons of flyer design ideas to choose from, all you need to do is select your favourite design, enter your chosen text into the flyer template, customise your design with available fonts, colours and graphics etc., and Placeit will generate the best flyers for you. Don’t worry if you have no idea where to start—the Flyer Creator also offers a number of template presets in your chosen design, which you can use as is or customise to suit your tastes. 

Best of all, as you create your flyer, you can make use of the state-of-the-art mockup tool at the bottom of the page, which shows you your flyer in a range of real-life scenarios.  How cool is that? 

To whet your appetite, we’ve selected 21 of the best business flyer templates available at Placeit.  

21 Best Business Flyer Templates 

1. Professional Law Firm Flyer Design Template

If you’re creating a flyer for your law firm, you need it to communicate your professionalism,  trustworthiness, and reliability. Look no further than the Professional Law Firm Flyer Design Template. With great images and graphics, coupled with strong fonts and muted colours, you can design the perfect flyer for your business needs in a matter of minutes. 

Professional Law Firm Flyer Design Template

2. Business Flyer Maker to Design Flyers for Florists

“Loveliest of lovely things,” the poet William Bryant said of flowers, so it’s no wonder that the Business Flyer Maker to Design Flyers for Florists template delivers a design that matches the beauty of flowers. Featuring a selection of pastel-hued gradients for backgrounds, this flyer design template also includes a variety of flower graphics, including orchids, roses, irises, lilies, peonies, flower wreaths, and more!

 Business Flyer Maker to Design Flyers for Florists

3. Flyer Maker for Landscaping Business with Images

If you have a landscaping business, it’s critical to show your customers examples of how your service could transform their property. That’s why the Flyer Maker for Landscaping Business with Images template shows off properties with great landscaping. You can use the images provided or include your own examples for more authenticity. Either way, potential customers will be WOWed by your landscaping skills.

Flyer Maker for Landscaping Business with Images

4. Gym Flyer Maker

If you have a fitness business and are wondering how to make a flyer that will attract more clients, the answer is in one of our Gym Flyer Maker flyer templates. This template and its presets offer gorgeous images of bodies in motion, bold, eye-catching fonts, vibrant colours, and energetic graphics. Perfect for your gym, fitness centre, boxing gym, yoga studio, or any other fitness business. 

Gym Flyer Maker

5. HR Businesses Flyer Template

If you want to attract the right employees for your business, then you’ve got to create business flyers that communicate what your business is all about. With the HR Businesses Flyer Template and its incredible collection of professional images and business-related graphics, you’ll be well on your way to doing just that.

HR Businesses Flyer Template

6. Food Festival Flyer Template

You’re a farmer. There’s a food festival coming up, and you want to make sure potential customers know you’ll be attending. How do you make a flyer online quickly and easily? Flyer Creator to the rescue. The Food Festival Flyer Template communicates an abundance of colourful, fresh, seasonal produce—all the qualities you need to attract potential clients. In minutes you’ll have created your design and be ready to head to the printers.

Food Festival Flyer Template

7. Flyer Design Maker for Handyman Businesses

Want to know how to make a business flyer for your handyman business? We have just the thing for you. The Flyer Design Maker for Handyman Businesses template helps you to create the best flyers quickly and easily. 

With gorgeous home-improvement graphics and images, strong fonts and gorgeous colours, our flyer templates will help you produce professional results every time.

 Flyer Design Maker for Handyman Businesses

8. Horizontal Flyer Template for Interior Design Flyers

Are you looking to create beautiful horizontal flyers that will inspire your potential customers to choose your interior design services? Horizontal Flyer Template for Interior Design Flyers is the right template for you. You can choose our main template or select one of the presets that appeals to you. 

Either way, you’ll be able to customise every aspect of your flyer and upload examples of your own work. Of course, if you’re just starting out and don’t have many of your own examples, our Flyer Creator provides you with a selection of amazing images that you can make use of. 

Horizontal Flyer Template for Interior Design Flyers

9. Online Flyer Maker for Corporate Events

Event planners will be happy to discover the Online Flyer Maker for Corporate Events template, which caters specifically to their need for a professional corporate flyer. There are a number of background images provided to suit a range of tastes and brands, so whether you’re promoting a corporate event, advertising your services, or making a business announcement, this online flyer template will help you get your message across. 

Online Flyer Maker for Corporate Events

10. Flyer Template for Travel Experience Business

Everyone dreams of travelling at some point in their lives, but how do you reach those who are ready to realise their dream? A great place to start is to get their attention with your own amazing flyer created using the Flyer Template for Travel Experience Business.  

With its gorgeous images, bold, modern fonts, and alluring colours contained in this template and its amazing selection of presets, who could resist contacting your business for more information?

 Flyer Template for Travel Experience Business

11. Makeup Business Flyer Design Maker

The Makeup Business Flyer Design Maker helps you create the perfect beauty business flyer for your hair and/or nail salon, makeup classes, special beauty deals, and other beauty related services.  

With this Flyer Creator template, you have not only the usual choice of font styles and backgrounds, but also a terrific selection of decorative fonts and graphics to choose from.

Makeup Business Flyer Design Maker

12. Financial Flyer Design Maker

If you’ve got a financial business, you know that your marketing materials need to communicate responsibility and professionalism. That’s exactly what our Financial Flyer Design Maker template and presets are designed to get across to your prospective clients.  

We’ve assembled just the right fonts, colours, graphics, and background images to inspire confidence in your brand. But, of course, if these don’t quite resonate with your brand, you can modify them all to suit your taste.

Financial Flyer Design Maker

13. House Cleaning Flyer Maker

Starting your new house cleaning business? Use House Cleaning Flyer Maker to let people know what services you provide. Our clean, modern designs are easy to modify to suit your message, and if you ever get stuck, remember there’s no need to re-invent the wheel—just help yourself to one of our beautiful presets, change the text, and head to the printers for your brand new set of gorgeous flyers. 

House Cleaning Flyer Maker

14. Hair Salon Flyer Template

Do you want to create a stunning flyer for your hair salon business, to inspire potential customers to use your services? Flyer Creator has you covered. Not only are the images in Hair Salon Flyer Template stunning, but the graphics and fonts will make your flyer stand head and shoulders above the competition. 

Don’t forget to check out your design in our life-like mockups at the bottom of the page. You’ll be thrilled to see how your flyer will look in real-life situations. 

Hair Salon Flyer Template

15. Business Flyer Maker for Accountants

Accountants will love our Business Flyer Maker for Accountants template, which can be adapted for several purposes: to advertise your accounting, payroll, tax services, etc. Though the template and its presets communicate trustworthiness and professionalism, they’re by no means staid. 

They use a cool, modern design with fresh colours and fonts to make your business stand out. And, of course, as is the case with all the templates featured here, you can customise all of these elements to suit your taste.

Business Flyer Maker for Accountants

16.  Flyer Template for Construction Flyers

Whether you’re running a construction business or are an architect, contractor, sub-contractor, or carpenter, the Flyer Template for Construction Flyers will help you create an eye-catching flyer for your business. 

What makes this template incredibly versatile is the extensive number of icons available, including construction workers, hardhats, gears, blueprints, hammers, homes, and more, and the excellent range of images, appropriate for any business involving construction. 

Flyer Template for Construction Flyers

17. Online Flyer Maker to Design Jewelry Flyers

Design an attractive flyer for your jewellery business in minutes with the Online Flyer Maker to Design Jewelry Flyers template. Whether you’re looking for a flyer to announce your latest collection or your participation in a trade show, this online flyer maker is the perfect tool to get your message across. 

The template offers a great selection of images which will appeal to different clienteles, and there’s also a nice range of graphics available. 

Online Flyer Maker to Design Jewelry Flyers

18. Online Flyer Maker to Design Business Flyers

One of our best flyer templates for businesses needing to create a flyer for corporate events, conferences and/or business announcements, Online Flyer Maker to Design Business Flyers will make your potential clients sit up and take notice. 

Aside from the great images and large font selection, the template includes a number of cool background effects which add a bit of flair to the design. 

Online Flyer Maker to Design Business Flyers

19. Roofing Services Flyer Template

The Roofing Services Flyer Template takes all the work out of designing a professional flyer for your roofing business. Either select one of the stunning presets on offer, add your text and use as is, or if you’re feeling creative, use the ever-so-easy Flyer Creator to design your very own unique flyer. Either way, you’ll have a business flyer ready to use in no time at all. 

Roofing Services Flyer Template

20. Flyer Maker for Nutrition Businesses

Create an amazing flyer to promote your nutrition business in minutes and let potential clients know you’re there to help them live a better and longer life. The Flyer Maker for Nutrition Businesses template is pretty, alluring, modern, and takes the stress out of creating your flyer so that you can focus on giving your customers great service. 

Flyer Maker for Nutrition Businesses

21. Conference Flyer Maker

We round out our list of the best business flyers at Placeit with Conference Flyer Maker, a great template for businesses that want to advertise any type of business conference. Like our other corporate flyer templates featured here, this one communicates responsibility, professionalism, and trustworthiness. 

With endless customisation possible and a number of presets to choose from, this should be the go-to template for any business that regularly runs conferences and needs a reliable source for template design ideas. 

Conference Flyer Maker

Plenty of Great Business Flyer Options to Choose From

This fabulous list of the 21 best business flyer templates is just a small selection of the thousands available at Placeit, so if none of them quite fits your needs, there are plenty of other great options to choose from. Do let us know in the comments below if you have a favourite go-to Placeit flyer template that you just can’t do without. We’d love to hear from you.

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

How to Create a Rain Photo Effect Action in Adobe Photoshop

Post pobrano z: How to Create a Rain Photo Effect Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing rain photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced rain effect shown below, using just a single click and in only a few minutes, then check out my Dark Knight Photoshop Action.

Action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Rain

Step 1

In this section, we are going to create the rain. Go to Layer > New > Layer to create a new layer and name it Temp_1.

Creating new layer

Step 2

Now press D on your keyboard to reset the swatches. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

Filling layer

Step 3

Go to Filter > Noise > Add Noise. Set the Amount to 20% and Distribution to Uniform, and check the Monochromatic option.

Adding noise filter

Step 4

Now go to Filter > Filter Gallery > Artistic > Paint Daubs and set the Brush Size to 5, Sharpness to 0, and Brush Type to Wide Blurry.

Adding paint daubs filter

Step 5

Go to Filter > Filter Gallery > Texture > Grain and set the Intensity to 45, Contrast to 85, and Grain Type to Soft.

Adding grain filter

Step 6

Now go to Image > Auto Tone. Then, go to Image > Adjustments > Threshold and set the Threshold Level to 128.

Adjusting threshold

Step 7

Go to Select > Color Range and set Select to Highlights, Fuzziness to 20%, and Range to 190.

Making selection

Step 8

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 9

Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T on your keyboard and set the Width and Height of the layer to 103% as shown below:

Transforming layer

Step 10

Now go to Filter > Blur > Motion Blur and set the Angle to 45° and Distance to 20 px.

Adding motion blur filter

Step 11

Press Control-J on your keyboard to duplicate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 0.5 px.

Adding gaussian blur filter

Step 12

Now Control-click on the Temp_1 layer to select both layers at the same time and press Control-E on your keyboard to merge them into one layer. Then, name this layer Rain_1.

Merging layers

Step 13

Press Control-J on your keyboard to duplicate this layer. Then, press Control-T and set the Width and Height of the layer to 135% and the Angle to -1° as shown below:

Transforming layer

Step 14

Now press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Rain_1 copy layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 15

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 16

Now press Control-J on your keyboard twice to duplicate this layer twice. After that, Shift-click on the Rain_1 copy 3 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 17

Now go to Filter > Blur > Gaussian Blur and set the Radius to 1 px.

Adding gaussian blur filter

Step 18

Press Control-T on your keyboard and set the Angle to -3° as shown below:

Transforming layer

Step 19

Now press Control-J on your keyboard five times to duplicate this layer five times. Then, Shift-click on the Rain_1 copy 5 layer to select all layers in between, and press Control-E to merge them into one layer.

Duplicating and merging layers

Step 20

Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 21

Now Right-click on the layer mask and choose Apply Layer Mask. Then, Control-click on this layer thumbnail to make a selection of this layer again. After that, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 22

In the Properties panel, set the Density of the layer mask to 80%.

Changing layer mask density

Step 23

Now Right-click on the layer mask and choose Apply Layer Mask. Then, change the Opacity of this layer to 80%, name it Rain_2, and drag it just below the Rain_1 layer in the Layers panel.

Changing opacity

Step 24

Press Control-J on your keyboard to duplicate this layer. Then, drag this layer to the top of the layers in the Layers panel. After that, go to Edit > Transform > Flip Horizontal and then to Edit > Transform Flip Vertical to flip this layer both horizontally and vertically.

Flipping layer

Step 25

Now press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Transforming layer

Step 26

Press Control-A on your keyboard to make a selection of the whole canvas. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer.

Adding layer mask

Step 27

Now Right-click on the layer mask and choose Apply Layer Mask. Then, press Control-T and set the Width and Height of the layer to 180% and the Angle to -2° as shown below:

Transforming layer

Step 28

Now go to Filter > Blur > Gaussian Blur and set the Radius to 5 px.

Adding gaussian blur filter

Step 29

Name this layer Rain_3 and drag it just below the Rain_2 layer in the Layers panel.

Arranging layers

Step 30

Now select the Rain_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding clouds filter

Step 31

Now repeat the previous step for the Rain_2 and Rain_3 layers.

Adding clouds filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Rain_1 layer, go to Layer > New Adjustment Layer > Curves to create a new selective color adjustment layer and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and in the Properties panel enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Now change the Blending Mode of this layer to Overlay and set the Opacity to 21%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.

Creating new hue and saturation adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +22.

Adjusting saturation

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Overlay and name it Overall Sharpening.

Changing blending mode

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced rain effect shown
below, using just a single click and in only a few minutes, then check
out my Dark Knight Photoshop Action.

The action will create highly detailed, stunning photo
effects from your photos with no work at all from your side! You simply
brush over your photo with a
color and play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action is made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always
create a unique variation of rain, rocks, and textures, so you can create an
unlimited number of
results! The action also creates 20 preset color looks that you can
choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final result

You may also like:

The Basics of Drawing Type & Creating Your Own Handwritten Font

Post pobrano z: The Basics of Drawing Type & Creating Your Own Handwritten Font

Final product image
What You’ll Be Creating

Ever wanted to give your digital layouts and designs a truly personal touch? In this tutorial we’ll look at how you can create a font from your own handwriting, for use on your computer. 

The tutorial will be split into three parts. Firstly, we’ll look at the basics of drawing a typeface. Then, once we’re warmed up, we’ll see how you can optimise your handwriting to ensure high quality and versatility. And lastly, we’ll analyse some different methods for getting your font onto the computer and converting your hand-drawn letters into a digital font.

1. Practice Drawing Type

What you’ll need for the first part of this tutorial:

  • drawing paper (white)
  • sharpened HB or 1H pencil
  • ruler with millimetre measurements

You probably write scribbled notes or lists every day, but you’re rarely conscious of your handwriting. When you suddenly become very aware of your own handwriting, it can start to look unnatural.

You should first get into a more natural mode of writing. I find the best way to do this is to practice drawing a typeface. This is also really useful as it makes you more aware of the key characteristics of a typeface, and makes you more able to recognise common features (consistencies) between different characters within a typeface. This will prove useful when we start to refine our own handwritten characters, and optimise them for digitisation.

Step 1

Lay your ruler flat across the page, at a horizontal angle, as straight as you can make it. Take your sharpened pencil and, pressing down moderately hard, draw a line above the top edge of the ruler. 

If your ruler is a standardised 30 mm-wide ruler, you can keep the ruler in place, and draw a second line along the bottom edge of the ruler. This has the benefit of ensuring both lines are perfectly parallel. Otherwise, simply create two horizontal lines, 30 mm apart. The lower line represents the Baseline, and the top line is the Cap Height

Mark out the top 10 mm third of the total height between the lines and draw a third horizontal line with your ruler and pencil, pressing down more lightly to make a slightly fainter line. This line represents the x-height. Swot up on your typography terms, such as x-height and baseline, in my article on The A to Z of Typography.

drawing baseline

Step 2

You can repeat the sequence of lines, using the same measurements from Step 1, to create a page filled with lines. This is your own writing grid, on which you can practice drawing typefaces.

sequence of lines

Step 3

Open a software program where you can easily edit text, such as Adobe InDesign, or even Microsoft Word or Pages

Select a classic Serif typeface, such as Adobe Caslon Pro, which is shown here, or Garamond. To practice drawing a typeface it’s best to pick a serif to draw at first, as sans serif typefaces have more subtle features, and can be more tricky to draw accurately if you’re a beginner.

Type the following characters: ‘H n o y’, with a space between each. These are good characters to pick, as they display a range of different features: two vertical stems and a crossbar on the ‘H’, an aperture and serifs on the ‘n’, a fully enclosed counter on the ‘o’, and a sweeping descender and diagonal arms on the lowercase ‘y’.

caslon pro sample

If you’re working in InDesign you can also switch on the baseline grid (View > Grids & Guides > Show Baseline Grid) to more easily see how the proportions of the characters line up with each other.

view baseline

Blow up the characters at large scale on your screen, or zoom in. Now you can start to draw the characters. Alternate between using your ruler and drawing strokes by hand. Don’t worry if your attempts look a little messy—the aim of this exercise is for you to become comfortable with drawing type, and to observe the characteristics of the typeface and the similarities (or differences) between each character.

drawing caslon

You will notice that serif typefaces are based on the principles of symmetry and order. Extend the strokes from the edge of the characters and notice the angles and proportions. Stems are almost always the same width, whatever the character, but you might notice that the size of the serifs is slightly larger on the uppercase ‘H’. Notice also that some parts of the characters are thinner; these sorts of stroke are called hairlines.

Step 4

Though we won’t apply all of these characteristics to our handwritten font, it’s really important to recognise that all typefaces are governed by a set of rules, whether formal, which is more common with serif and sans serifs type, or informal, which is more common with hand-drawn, painted or handwritten typefaces.

Once you’ve practiced drawing a typeface, or several typefaces if you want, you should start to do a bit of research on handwritten typefaces, to help you think about how you want your handwritten font to be organised.

Go to a font resource site like FontSquirrel or DaFont and take a look at the handwritten fonts available there. Pick a font that you think shares qualities with your own handwriting and download it. 

Choose a software programme that will allow you to view the full set of characters in the font. Adobe InDesign is a good choice, but you could also use Glyphs, which we’ll take a closer look at later on.

In InDesign, create a text frame and set the Font to your newly downloaded font. Here, I’ve chosen Wagnasty. Go to Window > Type & Tables > Glyphs to open the Glyphs panel. You’ll be able to see the full set of characters available in the typeface. 

glyphs panel

Make a note of the types of characters that are present, and what’s notably absent. For example, in Wagnasty we’ve got:

  • a full set of uppercase letters, A to Z
  • no lowercase letters
  • a full set of numbers, 1 to 9
  • full-stop (.), comma (,), colon (:), semi-colon (;), exclamation mark (!), question mark (?)
  • apostrophe (‘)
  • round (parentheses) brackets (), square brackets [], braces/curly brackets {}, and chevrons <>
  • some basic maths/equation symbols (= + %)
  • hashtag (#)
  • some currency symbols
  • asterisk (*)
  • forward slash (/), backslash (\), dash (-), swung dash (~), vertical bar (|)

This is a basic set of characters that would allow you to write most things in the English language without too much of a problem.

You should also note if the font has any additional weights, e.g. bold or italic. More often than not, a handwritten font will have only one regular weight, as the font needs to look authentic. Applying a different weight might look unnatural.

Most handwritten fonts have a similarly basic set of characters. Like Callie Hand:

Callie Hand font

Or some might include a few more, like Journal, which includes some quirky hand-drawn symbols or images:

Journal font

2. Writing Your Own Characters

Now that you’ve practiced drawing typefaces, and had a look at the range of handwritten typefaces out there and the characters available within each typeface set, you can start to think about putting your own personalised typeface together.

For this section of the tutorial you’ll need the following:

  • lined paper (a scruffy old notebook will suffice)
  • drawing paper (white; and with some texture if you want to give a more informal, rustic appearance to your characters)
  • sharpened HB or 1H pencil
  • ruler with millimetre measurements
  • a fine-point liquid ink pen in black (I like to use a Pilot Hi-TecPoint)
  • eraser

Step 1

Many people will have developed over time two or more variations of their handwriting. When I write down longer passages of text, my handwriting tends to join together, and slant slightly to the right, creating an italicised cursive type.

italic cursive writing

However, there are a number of problems with trying to convert cursive, or script, handwriting to a digital font. You would have to ensure that the kerning (space between characters) is set down very precisely, so that the characters always appear perfectly joined up. You would also have to ensure that every combination of characters would look perfectly joined up, which is very difficult without having to spend hours post-editing the script on your computer.

So, unless you’re looking for a headache, it’s recommended that you look to digitise handwriting that is not cursive. Instead, it should have stand-alone characters that will not need to be refined to correspond precisely with any given neighbouring character. 

Luckily, I often use a different variation of my handwriting, usually for annotating documents or writing quick notes. It’s all set in uppercase, and is not joined up. It too has a slight italic slant.

block capital writing

Pick out a short passage from a book, and copy out the text onto lined paper using your natural handwriting style. While doing your best to keep the writing natural, try to make sure the characters are not joined up or touching too much. It doesn’t matter if you mix upper- and lowercase letters. But note, if you want to do that, you will have to eventually create a full set of uppercase characters and a full set of lowercase characters.

book passage

You can also practice writing out a few symbols, such as exclamation marks or brackets.

punctuation marks

You can use this book passage as a useful reference for when you start to create your final handwriting sample. It doesn’t always feel natural to write individual characters, in an A to Z order, so you can look over to the passage and see how you created a ‘G’ or an ‘F’, for example, when you were writing in a flowing, natural way.

Step 2

Return to your drawing paper. Take your pencil and ruler and, following Steps 1 and 2 of Part One of the tutorial (above), draw a sequence of three lines, representing the cap height, x-height and baseline. 

In Part One, we created a group of lines that measured 30 mm in total height. However, if you tried to write naturally at this scale, you would certainly struggle! Reduce the total height between the Cap Height and Baseline to 6 mm; mark out the top 2 mm third of that to show the x-height

line widths

You might even find that this is still too large to allow you to write naturally without straining. Write a couple of characters onto the paper, to see what size you naturally write your characters. 

Reduce the total height to 4 or 5 mm if you’re more comfortable writing at a smaller scale.

Repeat the sequence of lines until you have filled the page.

drawing narrow lines

Step 3

Take your ink pen (the black ink will create good contrast for scanning later on) and rotate the paper just a little anti-clockwise. This is to avoid straining the arm too much as you write.

At the same pace you would normally write, write the uppercase characters from A to Z in one go, along the same line if you have room. 

handwriting letter set

If you make any mistakes, simply try again on the next line down. But don’t worry about any minor errors or quirks in the writing. You want the writing to look organic and natural, and perfecting it too much will get rid of that.

Referring back to the list of characters we noted in Part One of the tutorial, write down other characters in the same natural style, and at the same scale. If you want to, you can also write a set of lowercase letters, a to z, as well.

numbers and punctuation marks

Step 4

Allow the ink to dry completely, and then take an eraser and carefully rub out the pencil lines around the characters so that you are left with a lovely set of clean characters, ready to be scanned.

erase pencil lines

3. Scanning and Digitising Your Font

For this final part of the tutorial you will need:

  • a scanner (or alternatively a tripod and digital camera)
  • Adobe Illustrator
  • access to a font editor/conversion software programme, e.g. FontLab Studio or Glyphs (you can get a free 30-day trial of Glyphs, and a mini version is available on Mac apps)

Note: We’ll take you through the process of using Glyphs in this tutorial, but there are loads of great type editing programmes out there. I personally find Glyphs to be very user-friendly, but many typographers will also put forward strong cases for FontLab and RoboFont.

Step 1

Setting the scanner to a high dpi (I scanned at 1600 dpi), scan in your handwriting sample. 

Save the file as a TIFF or JPEG. Then open Adobe Illustrator and create a New Document.

Go to File > Place and select your scanned image. With the image selected, open the Image Trace panel (Window > Image Trace). With the Preview box checked, set the Mode to Black and White, and adjust the Threshold, Paths and Corners levels until you’re happy with the accuracy of the trace. Click Trace.

image trace window

Then, with the image still selected, go to Object > Image Trace > Expand. As a final step, Control-Click (Mac OS) or Right-Click (Windows) > Ungroup. 

Now you need to get rid of all the white sections on the image. Open the Layers panel (Window > Layers) and create a new layer. Drag it down to sit the new layer below the image layer. Select the Rectangle Tool (M) and drag to create a rectangle that extends across the whole artboard. Set the Fill to a contrasting bright color.

Now you can see more easily where there is white on the image. Select the white area around the outside and delete. Select the smaller white areas inside the bowls and counters of characters, and delete.

deleting white from vector

You’ve successfully vectorized your handwriting, great work! 

Step 2

Now open your font editing software. Here, I’m going to take you through the process of digitising your handwritten font using Glyphs.

Go to File > New to create a new Glyphs font. On the left-hand side of the Glyphs window that opens you’ll see a menu of options, listing groups of characters you can add to the font. 

Click Letter to view the full set of menu options. To insert uppercase letters, select Uppercase. A full set of uppercase characters, from A to Z, appears in the window.

Double-click a character to edit it directly. 

Glyphs new window

Hop back over to Illustrator and select the relevant vector character. Go to Edit > Copy.

vector of character

Return to Glyphs, and go to Edit > Paste. Glyphs will place the vector in the window, ready for you to scale and adjust. The numeric values at the bottom of the screen are editable, allowing you to adjust the space to the left and right sides of the character, affecting the kerning. 

editing character in Glyphs

To the left of the window you can see ‘-’ and ‘+’ symbols, which allow you to scale the character. You can also manually adjust the scale, using the Scale (S) tool accessible in the tools panel running along the top of the window.

increasing scale

You should use the guides on the screen as a guide, sitting the bottom of the character on the Baseline, and the top of the character (if it’s uppercase) meeting the Cap Height line.

Step 3

You can flick back to view the full set of characters by clicking the Font tab towards the top of the window.

Repeat the process above, double-clicking characters in Glyphs to open them, and flicking back and forth between Illustrator and Glyphs, copying and pasting characters across.

completing the set of characters
character set

You can also start to add in other sorts of characters, using the left-hand menu in the Glyphs window. You will have to manually add Numbers and Punctuation marks, selecting them from the pop-out menus and selecting Generate.

adding numbers
adding punctuation
exclamation mark

Step 4

Once you’ve added in all the characters for your font you can give it a name. 

Go to File > Font Info to open a new window. 

Font Info

Give the font a suitable name, and you can also add in additional details, such as your name, your website and your Copyright info. Once you’re done, simply close the window.

Font name

Step 5

Once you’ve edited the characters in your font you can export it as a digital font. 

Go to File > Export

Export to digital font

Keep the default options as they are, to create an OpenType Font, then click Next. Save the font in a folder that’s easily searchable.

OpenType Font

You can exit Glyphs and navigate to your chosen folder, to view the font file. 

otf font in folder

You can then install this on your computer, as you would any standard .otf font.

installing with Font Book

Conclusion

Your handwritten font is now complete, and ready to use as a digital font across your own documents. Use it to add a personal touch to notes or annotations, or incorporate it into design layouts to make your artwork truly unique!

typing your characters

Let’s recap what lessons we’ve covered in this tutorial. We looked at:

  • how to practice drawing type, and recognise common elements and rules across typefaces
  • how to apply those drawing lessons to your own handwriting, optimising it for digitisation
  • how to scan your artwork and vectorise it in Illustrator
  • how to convert your vectors to a digital font, editing it using Glyphs or other font editing software

Awesome work! Have fun creating more of your own fonts—why not experiment with different hand-drawn or painted styles?