Beijing Olympics Scroll Effect

I believe everyone would've seen the Beijing Olympics Opening Ceremony where a scroll opens to display thousands of years of Chinese history. Today we will create a simple animation imitation of the "Scroll Opening".

Related Tutorials

Scroll External Text with Buttons
It is not much complicated, just follow the steps as described in this tutorial and your scroll bar is ready.

Preload External Jpeg with Scroll Bars
This preloader tutorial shows you how to load an external image in to the Flash file and use Scroll Bars to move the image. This give you the opportunity to load over-sized or Panoramic images. This uses the Flash MX 2004 Scroll Pane component.

Creating Scroll Text
The following tutorial illustrates how to create scrollable text object and use ActionScript to scroll the text up or down using Flash Designer.

Creating scroll text
The following tutorial illustrates how to create scrollable text object and use ActionScript to scroll the text up or down.

Make your own scroll bar in Flash MX
Make a scroll bar for dynamic text fields just like the component, but designed and coded by you!

Text Scroll using simple ActionScript
In this Flash Tutorial you will learn how to make text scroll up and down in Flash. This tutorial uses a standard animation method called Tweening that moves the text up and down.

Scrolling photos loaded dynamically with ActionScript 3.
In this tutorial we will learn how to scroll some photos that we will load dynamically from an xml file and we will scroll the photos using a custom scrollbar. We will use again the Tweener class to add a nice transition. You can add as much photos as you like.

text scroll with faded edges
This tutorial shows how to use Photoshop and GIF and PNG file formats to create fuzzy edged masks for a scrolling text fade out effect in any color background.

Calling Frames in Dynamic Movie
The text will scroll when you move the mouse over the arrows.

Calling Frames in Dynamic Movie (Flash Designer)
The text will scroll when you move the mouse over the arrows.

Scrolling Menus
Learn how to scroll menus or other objects back and forth across the movie.

Scrolling Game Background (Video Tutorial)
This is a really nice and easy way to make a background scroll over and over.

Nice scrollbars
Making a scrollable text box. So you wanna learn how to make text scroll. Well its actually quite simple.

Smooth Scrollbar
In this tutorial I'll show you how to easily make a scrollbar in flash. But unlike other scrollbars you'll be able to smoth up the scroll.

Continuously Scrolling Image
Learn how to scroll an image.

ActionScript for Flash 5 dummies: Scrolling a text box
Find out how to scroll a text box with this tutorial intended for beginners.

Single Click Text Box Scroll
Have you ever wondered how to create a text box that scrolls without clicking the button more than once?

More Scrolling Function in Flash 5
This tutorial will teach you how to incorporate draggable scrolling and continuous feedback buttons to create OS-like scroll features in your Flash 5 movies.

Buttons....Buttons....and more Buttons...
Learn how to make a button, scroll over, and more!

Scrolling Menus
A scrolling menu is an extremely useful thing to be able to do and though it is not difficult, how to do it is far from obvious. This technique can be used to scroll any object such as a long movie clip or picture. In this tutorial I will show you how to create a horizontally scrolling menu.

Photo Panorama/Panorama Menu
Learn how to make a panoramic style view of an image that will scroll in as the mouse cursor moves. This same technique can be used to make a scrollable menu with a series of buttons.

Creating a Text that uses Scrollbuttons and a Scrollbar
Most people have seen this before, a text which can be used as an info-window, help-window or with other functionalities, using scroll buttons and a scrollbar together. Below you see an example.

Flash MX Scrollpane Component
This tutorial shows you step by step how to scroll a movie clip with the Scrollpane Component.

Adding Gravity To Flash Animations Using The Ease Effect
In this tutorial, we will discuss an effect that is overlooked a lot of the time, its called the ease effect. If you want your animation to stand out and have a better look and feel then the ease effect will help.

Ripple Effect
In this tutorial I will be explaining about how to make a ripple effect with an image in the background (as seen below).This is an effect of ripples of water moving apart from a central location. This is quite an easy effect to make, but the outcome is still quite effective.

Old Grains Effect (Old TV Effect) in Flash
Learn how to create a noisy old television grain effect using basic ActionScript.

Cool Flash mask effect
In this tutorial, we are going to add a nice effect like the one below. This effect works particularly well industrial and robotic images as well as objects with curves and fluid lines.

Cool Flash Masking Effect
In this tutorial, we are going to add a nice effect like the one below. This effect works particularly well industrial and robotic images as well as objects with curves and fluid lines.

Scrolling Dynamically Loaded Text
With this tutorial you will learn how to scroll dynamically loaded text using the loadVars class from an external Text File. Once you understand the concepts in this tutorial, they can be applied outside text and text boxes to graphics, swf files, and other objects.

Alpha Text Effect
There is a very simple way to make a nice looking text effect. It involves the alpha effect. It is fairly time consuming, but the end result is worth it. If you would like to see the effect we will make, click here.

Sparkling Glass Effect
This tutorial will teach you how to create a sparkling effect or twinkling star effect in Flash MX. This tutorial is for people who are comfortable with movie clips using Flash MX. You can try the Sparkling Effect on a diamond ring or on text also.

Building Easy Text or Images Scrolling with Flash MX 2004
There are many websites in the Internet built using Macromedia Flash technology. You probably saw different types of scrolling on those websites. I would like to show you one of the easiest ways to create a scroll bar with the mask. It may be used not only for text scrolling but you may also put images into that scrolling.

Building Easy Text or Images Scrolling with Flash MX 2004
There are many websites in the Internet built using Macro media Flash technology. You probably saw different types of scrolling on those websites. I would like to show you one of the easiest ways to create a scroll bar with the mask. It may be used not only for text scrolling but you may also put images into that scrolling.

Exploding text effect
This flash tutorial teaches you how to create an exploding text effect. This text effect is fairly simple and requires no action script. The result gives the effect of text exploding into many fragments.

Line Mask Effect
This is a great little effect that can be used as a banner or header or whatever else you might have in mind. The outcome depends on how long you're willing to spend to make it look good. To see an example of the basic mask effect.

Shine Effect
This tutorial shows you how to add a shine effect to text. This is a nice little effect that you see around. Usually on sites to highlight their logo, or just on some random banner, perhaps? Well either way, it looks decent, and you can complete it in a few minutes.

Dragging Effect
In this tutorial I will teach you how to create a dragging effect using Flash 8, its a simple effect that you can add to multiple project.

Blur image effect
Learn how to create a blurred image effect. This effect is very simple and produces interesting results.

Line Mask Effect
Create a killer mask effect, this is a great little effect that can be used as a banner or header or whatever else you might have in mind.

Beijing Olympics Scroll Effect

View Tutorial