Filter Lecture

download Filter Lecture

of 24

Transcript of Filter Lecture

  • 8/2/2019 Filter Lecture

    1/24

    3/20/12

    Filter

    overview

    let you add interesting visual effects totext, buttons, and movie clips. A featureunique to Flash is that you can animatethe filters you apply using motion tweens.

  • 8/2/2019 Filter Lecture

    2/24

    3/20/12

    Compositing

    is the process of varying thetransparency or color interaction oftwo or more overlapping objects.

    Blending modes also add adimension of control to the opacity ofobjects and images. You can use

    Flash blending modes to createhighlights or shadows that let detailsfrom an underlying image showthrough, or to colorize a desaturatedimage.

  • 8/2/2019 Filter Lecture

    3/24

    3/20/12

    The type, number, and quality offilters you apply to objects can affect

    the performance of SWF files as youplay them. The more filters you applyto an object, the greater the numberof calculations Adobe Flash

    Player must process to correctlydisplay the visual effects youvecreated. Adobe recommends that

    you apply a limited number of filtersto a given object.

    Each filter includes controls that let

    you adjust the strength and quality of

  • 8/2/2019 Filter Lecture

    4/24

    3/20/12

  • 8/2/2019 Filter Lecture

    5/24

    3/20/12

    drop shadow

    The Drop Shadow filter simulates thelook of an object casting a shadowonto a surface.

  • 8/2/2019 Filter Lecture

    6/24

    3/20/12

    Select the object to apply a dropshadow to, and select Filters.

    Click the Add Filter (+) button, andselect Drop Shadow.

    Edit the filter settings on the Filter

    tab: To set the width and height of the drop

    shadow, drag the Blur X and Y sliders.

    To set the distance of the shadow fromthe object, drag the Distance slider.

    To open the Color Picker and set the

    shadow color, click the color control.

  • 8/2/2019 Filter Lecture

    7/24

    3/20/12

    blur

    The Blur filter softens the edges anddetails of objects. Applying a blur toan object can make it appear as if it

    is behind other objects, or make anobject appear to be in motion.

  • 8/2/2019 Filter Lecture

    8/24

    3/20/12

    Select an object to apply a blur to,and select Filters.

    Click the Add Filter (+) button, andselect Blur.

    Edit the filter settings on the Filter

    tab: To set the width and height of the blur,

    drag the Blur X and Y slider.

    Select the quality level for the blur. Highis approximate to that of a Gaussianblur. Low maximizes playbackperformance.

  • 8/2/2019 Filter Lecture

    9/24

    3/20/12

    glow

    The Glow filter lets you apply a coloraround the edges of an object.

  • 8/2/2019 Filter Lecture

    10/24

  • 8/2/2019 Filter Lecture

    11/24

    3/20/12

    Glow w/ knock out option

    To apply the glow within the boundaries ofthe object, select Inner Glow.Select the quality level for the glow. Highis approximate to that of a Gaussian blur.

    Low maximizes playback performance.

  • 8/2/2019 Filter Lecture

    12/24

    3/20/12

    bevel

    Applying a bevel applies a highlightto the object that makes it appear tobe curved up above the background

    surface.

  • 8/2/2019 Filter Lecture

    13/24

    3/20/12

    Select an object to apply a bevel to,and select Filters.

    Click the Add Filter (+) button, andselect Bevel.

    Edit the filter settings in the Filter

    tab: To apply a bevel to the object from theType pop up menu, select the bevel

    type. To set the width and height of the bevel,

    drag the Blur X and Y slider.

    Select a shadow and highlight color for

  • 8/2/2019 Filter Lecture

    14/24

    3/20/12

    gradient glow

    Applying a gradient glow produces aglow look with a gradient coloracross the surface of the glow. The

    gradient glow requires one color atthe beginning of the gradient with anAlpha value of 0. You cannot move

    the position of this color, but you canchange the color.

  • 8/2/2019 Filter Lecture

    15/24

    3/20/12

    gradient bevel

    Applying a gradient bevel produces araised look that makes an objectappear to be raised above the

    background, with a gradient coloracross the surface of the bevel. Thegradient bevel requires one color in

    the middle of the gradient with analpha value of 0.

  • 8/2/2019 Filter Lecture

    16/24

    3/20/12

    Adjust Color filter

    Contrast Adjusts the highlights,shadows, and midtones of an image.

    Brightness Adjusts the brightness ofan image.

    Saturation Adjusts the intensity of acolor.

    Hue Adjusts the shade of a color.

  • 8/2/2019 Filter Lecture

    17/24

    3/20/12

    Copy to grid:

    Duplicates a selected object by thenumber of columns and thenmultiplies the columns by thenumber of rows to create a grid ofthe elements.

  • 8/2/2019 Filter Lecture

    18/24

    3/20/12

    Distributed duplication:

    Duplicates a selected object thenumber of times entered in the

    settings. The first element is a copyof the original object. The objects aremodified in increments until the finalobject reflects the parametersentered in the settings.

  • 8/2/2019 Filter Lecture

    19/24

    3/20/12

    Blur:

    Creates a motion blur effect bychanging the alpha value, position,or scale of an object over time.

    Drop shadow:

    Creates a shadow below the selected

    element.

  • 8/2/2019 Filter Lecture

    20/24

    3/20/12

    Expand:

    Expands, contracts, or expands andcontracts objects over time. Thiseffect works best with two or more

    objects grouped together orcombined in a movie clip or graphicsymbol. Objects containing text or

    letters work well with this effect.

  • 8/2/2019 Filter Lecture

    21/24

    3/20/12

    Explode:

    Gives the illusion of an objectexploding. Elements of text or a

    complex group of objects (symbols,shapes or video clips) break apart,spin, and arc outward.

  • 8/2/2019 Filter Lecture

    22/24

    3/20/12

    Transform:

    Adjusts the position, scale, rotation,alpha, and tint of the selectedelements. Use Transform to apply asingle effect or a combination ofeffects to create Fade In/Out, FlyIn/Out, Grow/Shrink, and Spin

    Left/Right effects.

  • 8/2/2019 Filter Lecture

    23/24

    3/20/12

    Transition:

    Wipes in or wipes out selectedobjects by fading, wiping, or a

    combination of both.

  • 8/2/2019 Filter Lecture

    24/24

    3/20/12

    Than