{"id":1083,"date":"2022-03-13T17:00:40","date_gmt":"2022-03-13T17:00:40","guid":{"rendered":"https:\/\/bunnypic.com\/?p=1083"},"modified":"2022-03-22T06:02:07","modified_gmt":"2022-03-22T06:02:07","slug":"add-animated-rains-to-photos-online","status":"publish","type":"page","link":"https:\/\/bunnypic.com\/add-animated-rains-to-photos-online\/","title":{"rendered":"Add Animated Rains to Photos Online – BunnyPic"},"content":{"rendered":"\n

Clouds appearing in the sky are always a sign of one thing to come – Rain! A rainy season can be romantic or give a very calming vibe. If you have ever gotten your photo taken sitting in the rain, you know how beautiful it looks.<\/p>\n\n\n\n

But, how can you dance in the rain when there isn\u2019t any rain? By adding rain to your photos online! Modern photo editors have given us plenty of tools to add cool effects to our photos and manipulate them to our liking.<\/p>\n\n\n\n

In this article, we\u2019ll learn how to add animated rains to our photo online using BunnyPic. We\u2019ll first go through how to add animated rains by creating a GIF. Then, we\u2019ll add a rain effect using BunnyPic\u2019s motion blur filter.<\/p>\n\n\n\n

How to Add Animated Rain in BunnyPic<\/h2>\n\n\n\n

Adding animated rain in BunnyPic is very easy. All we need is to add a GIF to make our image animated.<\/p>\n\n\n\n

Setting Up<\/h3>\n\n\n\n

Before we go into the steps of adding a rain GIF to your image we need to first download the GIF. You can download animated rains from GIF sites like GIPHY, Tenor, and Gfycat. You can also search for GIF images on Google by typing \u201cAnimated rain GIF\u201d in the search bar.<\/p>\n\n\n\n

Once you\u2019ve found a good one, save it on your computer. This is the GIF I\u2019ll be using:<\/p>\n\n\n\n

\"animated<\/figure><\/div>\n\n\n\n

1. Open your Image in BunnyPic<\/h3>\n\n\n\n

Go to the BunnyPic Editor<\/a><\/strong> and open your image by clicking on Open from Computer <\/strong>and selecting your image or dragging it into the editor.<\/p>\n\n\n\n

\"opening<\/figure><\/div>\n\n\n\n

2. Open your GIF image<\/h3>\n\n\n\n

With your image open go to File > Open and select your raining GIF to add it to another tab in the editor.<\/p>\n\n\n\n

\"loading<\/figure><\/div>\n\n\n\n

You’ll see multiple layers in the layers panel contained in a file. These are frames for the GIF that make up the animation.<\/p>\n\n\n\n

3. Duplicate the GIF on your Image<\/h3>\n\n\n\n

Next, we’ll duplicate the GIF on top of your original image to add the animated rains.<\/p>\n\n\n\n

To do this, right-click on the GIF layer and select Duplicate into…<\/strong> Next, from the dialog box, choose the image you want to add the rain to as the destination. Once done, click OK<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

You’re GIF should be added to the image. However, it’s not properly sized so we need to adjust it.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

4. Adjust your Animated Rain GIF<\/h3>\n\n\n\n

To adjust your GIF click on Transform controls from the top toolbar. Some anchors should appear around your image you can use these to scale, rotate or skew your raindrops.<\/p>\n\n\n\n

Once you’ve made the right adjustments click on the tick icon to save changes.<\/p>\n\n\n\n

\"illustration<\/figure><\/div>\n\n\n\n

5. Save your Image as a GIF<\/h3>\n\n\n\n

Finally, it’s time to save your image. Go to File > Export As > GIF<\/strong> to save your new animation. It’s important to save your image as a GIF otherwise it won’t play the animation and would rather be saved as a still image.<\/p>\n\n\n\n

\"animated<\/figure><\/div>\n\n\n\n

Now, let’s look at how to add an animated rains effect <\/em>in BunnyPic for still images.<\/p>\n\n\n\n

How to Add Animated Rains Effect in BunnyPic<\/h2>\n\n\n\n

Above we learned how to add animated rain to our photo. However, now we’ll just focus on the effect of dropping rain on your image. This rain is going to be still and you can save your image as JPG or PNG. Let’s dive into the steps.<\/p>\n\n\n\n

1. Open your Image in BunnyPic<\/h3>\n\n\n\n

Go to the BunnyPic editor<\/a><\/strong> and add your image by clicking Open from Computer<\/strong> and selecting your image or dragging it into the editor.<\/p>\n\n\n\n

\"adding<\/figure><\/div>\n\n\n\n

2. Add a New Layer<\/h3>\n\n\n\n

We’ll add a layer on top of our image to apply the effects. To create a new layer open the Layer panel from the right toolbar and click on the New Layer icon. All the effects will be applied to this layer so it might be a good idea to rename it. Double-click on the name of the Layer to rename it to “Rain”.<\/p>\n\n\n\n

\"adding<\/figure><\/div>\n\n\n\n

3. Color New Layer Black<\/h3>\n\n\n\n

Now, let’s fill our layer with black in order to apply our effects. To fill your layer go to Edit > Fill <\/strong>or <\/strong>press Shift + F5<\/strong> to open the fill box. Click on the Fill <\/strong>drop-down box and from the options select Black<\/strong> and click OK<\/strong>.<\/p>\n\n\n\n

\"adjusting<\/figure><\/div>\n\n\n\n

Your layer should now be filled with black.<\/p>\n\n\n\n

\"filling<\/figure><\/div>\n\n\n\n

4. Apply Noise Filter<\/h3>\n\n\n\n

Adding noise to the image through the noise filter would fill it with little white dots. These will be the base of our raindrops. To apply the noise filter, go to Filter > Noise > Add Noise<\/strong>. A box would appear that will display some adjustment options for your filter. From these choose Amount: 25% <\/strong>– Distribution: Gaussian <\/strong>– Monochromatic<\/strong>.<\/p>\n\n\n\n

\"Applying<\/figure><\/div>\n\n\n\n

Now, your document should be filled with tiny white dots like this:<\/p>\n\n\n\n

\"Applying<\/figure><\/div>\n\n\n\n

5. Scale Size of Noise<\/h3>\n\n\n\n

The white dots we got as a result of the noise filter are way too tiny for our image. So, we’ll scale them up to increase their size. To do so, go to Edit > Transform > Scale<\/strong>. Now, from the top toolbar increase the width (indicated by W) to 400%<\/strong>. Since your layers are linked by default it will automatically scale the height by 400% as well.<\/p>\n\n\n\n

\"increasing<\/figure><\/div>\n\n\n\n

Once done, click the tick icon on the right side to save changes. Your raindrops should be scaled properly now.<\/p>\n\n\n\n

\"scaling<\/figure><\/div>\n\n\n\n

6. Add Screen Blend Mode<\/h3>\n\n\n\n

We are almost done with our rain effect but we don’t know what it looks like on our image. To blend our rain layer with our main image go to the Layers panel and click on blend mode and change it from Normal <\/strong>to Screen<\/strong>.<\/p>\n\n\n\n