Macromedia Flash - The blur effect changes between two images

This lesson will show you how to create a blur effect between two images. When a photo is blurred, the other image will appear clearly and vice versa. You can use this simple effect when you want to highlight something that is in many existing objects.

Step 1

First, you have to have 2 photos as an example, you can download the 2 photos below that we use in this lesson:

Macromedia Flash - The blur effect changes between two images Picture 1

Macromedia Flash - The blur effect changes between two images Picture 2

Step 2

Create a new flash file. Select Modify > Document (Ctrl + J). Set the width of the file to 340px, the height to 200 px. Select any color as the background color of the file and set the Frame rate to 24 fps. Then click OK .

Step 3

Go to File > Import > Import to Stage (Ctrl + R) and Import the two selected photos into the flash file.

Step 4

Double click on layer 1 to rename its name into picture 1. Then, select only one photo and press Ctrl + X (Cut). Create a new layer above the layer picture 1 and rename it to picture 2.

Step 5

Select layer picture 2 and press Ctrl + Shift + V (Paste in Place).

Step 6

Use the arrow keys or mouse to place the two photos in the following position:

Macromedia Flash - The blur effect changes between two images Picture 3

Step 7

Return to picture 1 layer and press F8 key (Convert to Symbol) to convert the first image into a Clip Symbol. See the picture below.

Macromedia Flash - The blur effect changes between two images Picture 4

Step 8

Pick the Selection Tool (V) and click once on the image to select it. After that, go to the Properties Panel (Ctrl + F3). Click the Filters tab in the Properties Panel. Click on the plus icon and select the Blur filter. Create the following parameters:

1. Blur X and Y: 12
2. Quality: Medium

Macromedia Flash - The blur effect changes between two images Picture 5

And this is the result

Macromedia Flash - The blur effect changes between two images Picture 6

Step 9

Click on frame 10, 30, 40 and 60 then press F6 key.

Step 10

Go back to Frame 10. Use Selection Tool (V) and click once on the picture 1 to select it. After that, go back to the Properties Panel, go to Filters section and reset Blur to the following parameters:

Macromedia Flash - The blur effect changes between two images Picture 7

Repeat this process on frame 30 and 60.

Step 11

Right-click anywhere in the gray area between frame 1 and 10, 30 and 40, then select Create Motion Tween from the menu that must appear.

Macromedia Flash - The blur effect changes between two images Picture 8

Step 12

Do the same steps as you did with picture 1 on picture 2

Step 13

Take the Selection Tool (V) and select the picture layer 2. Then press F8 key (Convert to Symbol) to convert the picture 2 into a Movie Clip Symbol.

Macromedia Flash - The blur effect changes between two images Picture 9

Step 14

Click on frame 10, 30, 40 and 60 and press F6 key, respectively.

Step 15

Go back on frame 10 and repeat step 8 but it's a bit different now that you are working on the picture 2. Then repeat this process with frame 30.

Step 16

Right-click anywhere in the gray area between frame 1 and 20, 30 and 40, then select Create Motion Tween from the menu that must appear.

Macromedia Flash - The blur effect changes between two images Picture 10

Check the product (Ctrl + Enter) and download it here if you haven't had time to practice yet.

4 ★ | 2 Vote

May be interested

  • Macromedia Flash - Create banner text effectMacromedia Flash - Create banner text effect
    this article will show you how to create a beautiful text effect through some special flash tips. you won't need to use action script but simply create effects based on available tools. this tutorial can be applied when creating banners, advertisements and slideshows ...
  • How to blur images onlineHow to blur images online
    how to blur images online. blur effect makes your photos look more attractive and brings out the main details. if your computer does not install professional editing software such as photoshop, corel paintshop ... to blur the image, we can use the online image blurring tool quickly and simply.
  • Macromedia Flash - Text display effectMacromedia Flash - Text display effect
    this lesson will show you how to create a very nice text effect that can be used in some banner effects, advertisements, and presentation files ...
  • Macromedia Flash - Animation and rotation effectsMacromedia Flash - Animation and rotation effects
    through this exercise, you will see how to create a nice rotating animation effect with just a few simple flash tips.
  • Use the blur feature in PhotoshopUse the blur feature in Photoshop
    use blur gallery in photoshop to create blurring effect to create clarity of images with visual adjustments on images.
  • Macromedia Flash: Create effects for nature photosMacromedia Flash: Create effects for nature photos
    this tutorial will show you how to create simple effects for nature images using some special flash tips. this tutorial is implemented on flash cs5, there may be some differences if you use another flash version.
  • Macromedia Flash - Create menu effectsMacromedia Flash - Create menu effects
    this lesson will show you how to create a flash menu with the effect when moving the mouse. to create this post, you will have to use the action script code.
  • Macromedia Flash - Vivid photo effectsMacromedia Flash - Vivid photo effects
    through this tutorial, you will learn how to create a vivid photo effect with some basic flash tips. this article does not need to use action script code.
  • Macromedia Flash - Effects of changing position of textMacromedia Flash - Effects of changing position of text
    this tutorial will show you how to create a constantly changing text effect in flash using the action script.
  • How to blur image borders in PhotoshopHow to blur image borders in Photoshop
    blur blur is a common effect when we take portraits, things. this effect is like a mist covered to help your photos become fanciful, nostalgic and memories. with the photoshop tool we can easily blur the image, here's the tutorial!