Dazzle your viewers with 3D photo navigation using 3D ImageFlow Gallery.
Create an amazing gallery with cool perspective effects in seconds and
give your photos stunning 3d and camera effects. Add and edit your
images directly in Dreamweaver. Interact with other components like the
Flash MP3 Player or Spry elements and effects to glue everything together.
3D ImageFlow Gallery Manual
Adding 3D and Camera Effects
Introduction
In this chapter we are going to show you how to include cool effects that you can include by using 3D Imageflow Gallery 1.0.3 or newer.
- Create
your gallery.
Create a new or open an existing HTML page and save the page, insert the gallery.
- Adding Motion Blur
Select the effects tab in your Properties inspector set the Speed to 3 (the faster the speed the heavier the effect. Check the Motion Blur effect.
These settings will result in the effect below:
Without Motion Blur the transition would look like this:
- Changing the 3D quality
The 3D quality sets the quality of the images when they are placed under a certain angle. The lower the setting, the more your image get deformed when its under an angle. Higher quality settings result in slower performance. The setting can be found in the Effects tab in the bottom row, next to the Motion Blur option.
Here are some examples of different quality settings (the white lines are to illustrate the number of divisions in the image and will not be displayed in the actual gallery):
Quality set to 1 results in a deformed image but has very good performance.
Quality set to 10 has a very good image representation but a slow performance.
We'll set the Quality to 2 which gives a decent image representation with a great performance.
- Adding the Depth of Field Effect
This effect mimics camera effects that enable to focus on certain objects while leaving others blurred. This is great for adding more depth to your gallery images.
If we set the Depth of Field to 20 it will result in the effect below:
If we set the Depth of Field to 0 the effect will be like this:
- Adding Fog Strength
Select the effects tab in your Properties inspector, make sure the Background of the Gallery Properties tab is set to prevent overlapping images and set the Fog Strenght effect.
If we set the Fog to 80 it will result in the effect below:
Without the Fog effect we would achieve the following look:
- Final Steps
Save your files, upload them to your server and you are ready to go.