

You can also use the controls on the circle to set the range of angles. The minimum and maximum angles of direction for particle movement. 0 is transparent, and 1 is opaque (use decimal values for translucency). The minimum and maximum starting opacity levels. Image (Choose an image from the Library. Can be bound to dynamic data.).Specify the minimum and maximum in pixels. The total number of particles generated if the animation for this effect isn't stopped or looped. The ID for the effect (so you can reference the effect in events). You can also save your own presets, then export and import them for use on other computers (see Custom presets). Google Web Designer comes with several built-in presets. If you select a different preset, the below properties will reset to the defaults for the new preset. PresetsĮach preset has a default set of properties, which you can restore by right-clicking the Preset dropdown and selecting Reset. in the Properties panel, then select the effect to see its properties. Open the dialog by double-clicking the Particle Effects component on the stage or by clicking Settings. You can access properties specific to each effect in the Particle Effects dialog. If checked, stops playing the animation after the specified duration in seconds. Note: Individual effects also have an autoplay property. If checked, automatically plays the animation when the component loads. Sets the Particle Effects component name. Particle Effects component properties Property Click the box under the Hide all layers icon for the layer that you want to hide or show.Īlong with properties for the entire component, you can configure properties for each effect included within the component.Hidden layers won't show up in the preview or published files. You can hide a layer to make it easier to work with other layers. Press the Delete key, or click the Delete layers button at the bottom of the panel.In the Layers panel, select the layer or layers you want to delete.Make sure the Keep in lockstep option is disabled. For effects, expand the Advanced properties and edit the Emit X and Emit Y values.For images, edit the width and height properties.On the stage: Drag the control handles at the sides and corners of the bounding box.A bounding box appears around the image or the effect's particle origin area. For effects, you can resize the particle origin area. You can resize an image or the particle origin area for an effect, as long as it isn't wider or taller than the component. Set the Keep in lockstep option to move the particle origin area without resizing it. For images, edit the top and left position properties.Hold the Shift key while pressing an arrow key to move the layer by 10 pixels in that direction. Use the arrow keys to move the layer by one pixel at a time.You can also select multiple layers to move them together.

Select the layer that you want to move.You can move an image or the particle origin area for an effect, as long as it stays within the component's boundaries. In the Layers panel, drag a layer to its new position.Open the Particle Effects dialog by double-clicking the component on the stage or clicking the Settings.The ordering of layers determines how they stack if they overlap. You can save the new set of properties as a custom preset. You can add multiple effects as different layers.Ĭustomize the effect by adjusting its properties. A snapshot of the effect appears on the stage with the particle origin area (where the particles are generated) outlined. Select the effect you want from the Preset panel at the bottom, then either drag it to the stage or click the add button that appears over it. To add other images, click the Add images button at the bottom of the panel. The Particle Effects dialog opens.ĭrag the images you want to include as layers from the Library panel into the Layers panel. Open the Components panel, then the Graphics & Effects folder.ĭouble-click the Particle Effects component, or drag it to the stage.ĭouble-click the component on the stage, or click the Settings. This enables visual effects with a degree of randomness, such as snow, rain, fire, steam, and smoke.Īn example of the snow effect To use the Particle Effects component: Particles are generated within starting parameter ranges, such as inside a specific area and within a range of sizes, then move and change at specified rates. The Particle Effects component lets you add animation effects based on particle systems.
