SlideShare una empresa de Scribd logo
1 de 16
Understanding Frames
Overview
Adobe Animate CC / Flash Pro documents
divide lengths of time into frames similar to
films. Frames are at the core of any
animation, dictating each segment of time
and movement. The total number of frames
in your movie, and the speed at which they
are played back, together determine your
movie's overall length.
Frames
In the timeline, you work with the frames to
organize and control the content of your
document. You place frames in the timeline in the
order you want the objects in the frames to appear
in your finished content.
Keyframe
 A keyframe is a frame where a new symbol instance appears in the timeline. A keyframe
can also be a frame that includes ActionScript® code to control some aspect of your
document. You can also add a blank keyframe to the timeline as a placeholder for
symbols you plan to add later or to explicitly leave the frame blank.
 Using keyframe you can set a position, add anchor points, actions, comments and so
on.
KEYFRAMESBlank KEYFRAMES
 Span
Span-based frame selection allows you to select a range of frames
between two keyframes with a single click.
 Static frame span
In static frame span, same content is available for entire duration of span.
You can use this type of span whenever you need to display graphics for
fixed amount of time.
 Tweened frame span
In tweened frame span, the content changes within the span for each f
rame. You can use this type of span for animations.
Add or insert frames in the timeline
 To insert a new frame, select Insert > Timeline > Frame (F5).
 To create a keyframe, select Insert > Timeline > Keyframe (F6), or right-click
(Windows) or Control-click (Macintosh) the frame where you want to place a
keyframe, and select Insert Keyframe from the context menu.
 To create a blank keyframe, select Insert > Timeline > Blank Keyframe, or
right-click (Windows) or Control-click (Macintosh) the frame where you want
to place the keyframe, and select Insert Blank Keyframe from the context
menu.
Select and label frames in the timeline
You can select frames by using two methods provided in
Animate. You can also label frames to organize its contents.
Animate offers two different methods for selecting frames in
the timeline. In frame-based selection (the default), you select
individual frames in the timeline. In span-based selection, the
entire frame sequence, from one keyframe to the next, is
selected when you click any frame in the sequence.
Select frames in the timeline
Single or multiple frames selection
To select one frame, click the frame.
To select multiple contiguous frames, drag the cursor
over the frames, or Shift-click additional frames.
To select multiple non-contiguous frames, Control-click
(Windows) or Command-click (Macintosh) additional
frames.
To select all frames in the timeline, select Edit >
Timeline > Select All Frames.
Span based frames selection
As a prerequisite for span based selection, you can specify
span-based selection in Animate timeline by clicking the
hamburger icon at the upper-right corner and
selecting Span Based Selection menu item.
To select a whole span of frames (motion tween or inverse
kinematics) click on frame.
To select multiple spans, click on each of them while
holding the Shift key.
Label frames in the timeline
 Frame labels can only be applied to keyframes. A best practice is to
create a separate layer in the timeline to contain your frame labels.
Using separate layer for labels enables you to organize content and
keyframes better.
To add a frame label:
 Select the frame you wish to label in the timeline.
 With the frame selected, enter the label name in the Label section of
the Property inspector. Press Enter or Return.
Copy, paste, delete, or move a frame or frame
sequence
A keyframe and the span of regular frames that
follow it are known as a keyframe sequence. The
timeline can contain any number of keyframe
sequences.
To copy or paste a frame or frame sequence, do
one of the following:
Copy or paste a frame or frame sequence
Select the frame or sequence and select Edit > Timeline >
Copy Frames. Select the frame or sequence that you want
to replace, and select Edit > Timeline > Paste Frames.
Alt-drag (Windows) or Option-drag (Macintosh) a
keyframe to the location where you want to copy it.
Delete a frame or frame sequence
 Delete a frame, frame sequence or a keyframe
 Select the frame or sequence and select Edit > Timeline > Remove Frame, or
right-click (Windows) or Control-click (Macintosh) the frame or sequence and
select Remove Frame from the context menu.
 Surrounding frames remain unchanged.
Delete keyframe
 Select the keyframe and select Edit > Timeline > Clear Keyframe, or
right-click (Windows) or Control-click (Macintosh) the keyframe and
select Clear Keyframe from the context menu.
Move a keyframe or frame sequence
 Select a keyframe or frame sequence and then drag the keyframe or
sequence to the desired location.
Change the length of a static frame sequence
 Control-drag (Windows) or Command-drag (Macintosh) the
or ending frame of the span to the left or right.

Más contenido relacionado

Similar a Understanding frames

Anthony's tip&guidlines
Anthony's tip&guidlinesAnthony's tip&guidlines
Anthony's tip&guidlines
teamplayer90
 
Darkroom 2 photoshop masking techniques and smart objects
Darkroom 2 photoshop masking techniques and smart objectsDarkroom 2 photoshop masking techniques and smart objects
Darkroom 2 photoshop masking techniques and smart objects
daviddiener
 

Similar a Understanding frames (20)

Chapter 02
Chapter 02Chapter 02
Chapter 02
 
NX_CAD
NX_CADNX_CAD
NX_CAD
 
MSC Generator
MSC GeneratorMSC Generator
MSC Generator
 
Mastercam basics-tutorial
Mastercam basics-tutorialMastercam basics-tutorial
Mastercam basics-tutorial
 
Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula Learning flash by Ms. Payal Narula
Learning flash by Ms. Payal Narula
 
1 DIGITAL DOCUMENTATION.pdf
1 DIGITAL DOCUMENTATION.pdf1 DIGITAL DOCUMENTATION.pdf
1 DIGITAL DOCUMENTATION.pdf
 
Photoshop guide
Photoshop guidePhotoshop guide
Photoshop guide
 
Copias asociativas SIEMENS NX
Copias asociativas SIEMENS NXCopias asociativas SIEMENS NX
Copias asociativas SIEMENS NX
 
After effects the new features in details
After effects the new features in detailsAfter effects the new features in details
After effects the new features in details
 
Anthony's tip&guidlines
Anthony's tip&guidlinesAnthony's tip&guidlines
Anthony's tip&guidlines
 
Intro to premier pro
Intro to premier proIntro to premier pro
Intro to premier pro
 
Flash handouts
Flash handoutsFlash handouts
Flash handouts
 
3Dimenssion_lessonO_PostProcessingEffects.pptx
3Dimenssion_lessonO_PostProcessingEffects.pptx3Dimenssion_lessonO_PostProcessingEffects.pptx
3Dimenssion_lessonO_PostProcessingEffects.pptx
 
CAD/CAM - Wood picnic table (CATIA)
CAD/CAM - Wood picnic table (CATIA)CAD/CAM - Wood picnic table (CATIA)
CAD/CAM - Wood picnic table (CATIA)
 
𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx
𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx
𝕬𝖓𝖎𝖒𝖆𝖙𝖎𝖓𝖌 𝖙𝖊𝖝𝖙 𝖆𝖓𝖉 𝖔𝖇𝖏𝖊𝖈𝖙 𝖇𝖞 𝕽𝖔𝖓𝖊𝖑𝖑 𝕸𝖔𝖍𝖆𝖓 7𝖙𝖍 𝕭.pptx
 
Darkroom 2 photoshop masking techniques and smart objects
Darkroom 2 photoshop masking techniques and smart objectsDarkroom 2 photoshop masking techniques and smart objects
Darkroom 2 photoshop masking techniques and smart objects
 
IT Practical File (2).pptx
IT Practical File (2).pptxIT Practical File (2).pptx
IT Practical File (2).pptx
 
DIGITAL DOCUMENTATION_watermark.pdf
DIGITAL DOCUMENTATION_watermark.pdfDIGITAL DOCUMENTATION_watermark.pdf
DIGITAL DOCUMENTATION_watermark.pdf
 
(Sept15.)demo
(Sept15.)demo(Sept15.)demo
(Sept15.)demo
 
CamStudio User Guide - VIDEO EDITING AND MAKING SOFTWARE
CamStudio User Guide - VIDEO EDITING AND MAKING SOFTWARE CamStudio User Guide - VIDEO EDITING AND MAKING SOFTWARE
CamStudio User Guide - VIDEO EDITING AND MAKING SOFTWARE
 

Último

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Último (20)

Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 

Understanding frames

  • 2. Overview Adobe Animate CC / Flash Pro documents divide lengths of time into frames similar to films. Frames are at the core of any animation, dictating each segment of time and movement. The total number of frames in your movie, and the speed at which they are played back, together determine your movie's overall length.
  • 3. Frames In the timeline, you work with the frames to organize and control the content of your document. You place frames in the timeline in the order you want the objects in the frames to appear in your finished content.
  • 4. Keyframe  A keyframe is a frame where a new symbol instance appears in the timeline. A keyframe can also be a frame that includes ActionScript® code to control some aspect of your document. You can also add a blank keyframe to the timeline as a placeholder for symbols you plan to add later or to explicitly leave the frame blank.  Using keyframe you can set a position, add anchor points, actions, comments and so on.
  • 6.  Span Span-based frame selection allows you to select a range of frames between two keyframes with a single click.  Static frame span In static frame span, same content is available for entire duration of span. You can use this type of span whenever you need to display graphics for fixed amount of time.  Tweened frame span In tweened frame span, the content changes within the span for each f rame. You can use this type of span for animations.
  • 7.
  • 8. Add or insert frames in the timeline  To insert a new frame, select Insert > Timeline > Frame (F5).  To create a keyframe, select Insert > Timeline > Keyframe (F6), or right-click (Windows) or Control-click (Macintosh) the frame where you want to place a keyframe, and select Insert Keyframe from the context menu.  To create a blank keyframe, select Insert > Timeline > Blank Keyframe, or right-click (Windows) or Control-click (Macintosh) the frame where you want to place the keyframe, and select Insert Blank Keyframe from the context menu.
  • 9. Select and label frames in the timeline You can select frames by using two methods provided in Animate. You can also label frames to organize its contents. Animate offers two different methods for selecting frames in the timeline. In frame-based selection (the default), you select individual frames in the timeline. In span-based selection, the entire frame sequence, from one keyframe to the next, is selected when you click any frame in the sequence.
  • 10. Select frames in the timeline Single or multiple frames selection To select one frame, click the frame. To select multiple contiguous frames, drag the cursor over the frames, or Shift-click additional frames. To select multiple non-contiguous frames, Control-click (Windows) or Command-click (Macintosh) additional frames. To select all frames in the timeline, select Edit > Timeline > Select All Frames.
  • 11. Span based frames selection As a prerequisite for span based selection, you can specify span-based selection in Animate timeline by clicking the hamburger icon at the upper-right corner and selecting Span Based Selection menu item. To select a whole span of frames (motion tween or inverse kinematics) click on frame. To select multiple spans, click on each of them while holding the Shift key.
  • 12. Label frames in the timeline  Frame labels can only be applied to keyframes. A best practice is to create a separate layer in the timeline to contain your frame labels. Using separate layer for labels enables you to organize content and keyframes better. To add a frame label:  Select the frame you wish to label in the timeline.  With the frame selected, enter the label name in the Label section of the Property inspector. Press Enter or Return.
  • 13. Copy, paste, delete, or move a frame or frame sequence A keyframe and the span of regular frames that follow it are known as a keyframe sequence. The timeline can contain any number of keyframe sequences.
  • 14. To copy or paste a frame or frame sequence, do one of the following: Copy or paste a frame or frame sequence Select the frame or sequence and select Edit > Timeline > Copy Frames. Select the frame or sequence that you want to replace, and select Edit > Timeline > Paste Frames. Alt-drag (Windows) or Option-drag (Macintosh) a keyframe to the location where you want to copy it.
  • 15. Delete a frame or frame sequence  Delete a frame, frame sequence or a keyframe  Select the frame or sequence and select Edit > Timeline > Remove Frame, or right-click (Windows) or Control-click (Macintosh) the frame or sequence and select Remove Frame from the context menu.  Surrounding frames remain unchanged.
  • 16. Delete keyframe  Select the keyframe and select Edit > Timeline > Clear Keyframe, or right-click (Windows) or Control-click (Macintosh) the keyframe and select Clear Keyframe from the context menu. Move a keyframe or frame sequence  Select a keyframe or frame sequence and then drag the keyframe or sequence to the desired location. Change the length of a static frame sequence  Control-drag (Windows) or Command-drag (Macintosh) the or ending frame of the span to the left or right.

Notas del editor

  1. You can label frames in the timeline as a way of helping organize its contents. You can also label a frame in order to be able to refer to that frame in ActionScript by its label. That way, if you rearrange the timeline and move the label to a different frame number, the ActionScript will still refer to the frame label and will not have to be updated.