Transitions
Loading...
Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.
Favorites, Groups & Events
Transitions - Presentation Transcript
- 9 Transitions Adding effects to visual content
- 9.1 About Transitions
- Defined in the SMIL 2.0 Transition Effects Module
- SMIL and XHTML+TIME elements have no inherent transition behaviour
- Media clips simply pay one after the other
- Default transitioning in and out is for no transition to be performed
- SMIL 1.0 has no support for visual effects
- Effects have to be applied within the media clip
- Use RealPix or QuickTime slideshow
- SMIL 2.0 adds special effects to visual content
- Moving from one visual clip to another
- Images, video, animation and text
- Cross fading for an image series
- Allows television or film like composition
- Available for audio content volume
- Applied to the start and end of the clip element
- Examples
- RealONE
- Internet Explorer v6
- 9.2 Types and Implementations
- Large taxonomy of transition effects available
- Based on work of the Society of Motion Picture and Television Engineers ( SMPTE )
- ANSI/SMPTE 258M-1993
- Implementation depends upon client
- RealONE
- Uses the SMIL 2.0 Basic Transition Module
- Implements the entire SMPTE transition set
- Edge Wipes , Iris Wipes , Clock Wipes and Matrix Wipes
- Implements some of the non-SMPTE Transitions
- pushWipe [n] slideWipe [y] and fade [y]
- Internet Explorer v6
- XHTML implements the SMIL 2.0 Inline Transitions Module
- Smaller sub-set of SMPTE transitions
- Supports use of CSS Filters and Transitions
- 9.3 <transition/> element
- Use with clients that implement the SMIL 2.0 Language Profile Basic Transition Module
- RealONE and GRiNS Player
- <transition/> elements are defined in the in the SMIL document <head>
- Include after the <layout> section
- Each transition must have a unique ID
- Create a pro-forma file with pre-defined transition filters
- Name transitions using the SMPTE codes
- Use the type and subtype attributes to define the transition
- Apply transition to element with:
- transIn - applied at the beginning of the elements duration
- transOut - applied at the end of the element’s duration
- Neither attribute extends an elements duration
- Example
- RealONE Image transitions Video transitions
- 9.4 Modifying <transition/> ’s
- Default duration is 1 second
- Change duration with dur attribute
- Default value is forward
- Change direction with forward or reverse attributes
- Limit extent of transition with
- startProgress and endProgress
- Scale of 0.0 (0%) to 1.0 (100%) [0.4=40%]
- Repeat transition
- horzRepeat and vertRepeat attributes
- Examples
- Reverse direction , endprogress and repeated transitions
- 9.5 <transitionFilter>
- Used with XHTML+TIME clients
- Applied to any element with renderable content and layout
- images, video, text
- Only exceptions
- XHTML form select and option elements
- tr , tHead , tBody and tFooter elements
- Defined and applied in two ways
- As a child of an element
- Using the targetElement attribute
- Each transitionfilter must have a unique ID
- Can only be applied to a single element
- targetElement attribute
- Use the type and subtype attributes to define the transition
- Examples
- Image transitions , video transitions , text transitions
- 9.6 Modifying <transitionFilter/>
- Default duration is 1 second
- Change with the dur attribute
- Default direction of transition is in
- Use mode attribute to define “in” or “out”
- Limit the extent of progress with three attribute values
- from, to and by
- Cannot repeat transition across an elelment
- Examples
- progression with from and to attributes
- 9.7 Text Transitions: Rendering Bugs
- Some text transitions do not render well
- An example of the problem
- Poor visual quality for the duration of transition
- Suggestions:
- Avoid push and slide wipes
- Use fades, clock or iris wipes to bring in text
- Set a background colour for the text using CSS
- Organise text using block element of <div>
- Try using animation rather than transitions
- Examples
- Text with transitions and animation applied
- 9.8 Review
- Use of SMIL 2.0 transitions makes presentations more professional
- Not available in SMIL 1.0 clients
- QuickTime and RealPlayer G2/8
- By default elements have no transitions applied
- Wide range of transitions available
- Many based on the SMPTE standards
- Attributes used to customise transitions effects
- XHML+TIME clients can also use CSS transitions (Dynamic HTML)
- Definition and application differ according to client implementation
- Some text transitions in IEv6 can be problematic
More info about this document
Go to text version
- Total Views 1264
- 1264 on SlideShare
- Comments 0
- Favorites 0
- Downloads 0
Most viewed embeds
All embeds
- Upload Info
- Uploaded via SlideShare
- Uploaded as Microsoft PowerPoint
0 comments
Post a comment