User Guide Cancel

Add Responsive Design features

  1. Adobe Premiere Elements User Guide
  2. Introduction to Adobe Premiere Elements
    1. What's new in Premiere Elements
    2. System requirements | Adobe Premiere Elements
    3. Workspace basics
    4. Guided mode
    5. Use pan and zoom to create video-like effect
    6. GPU accelerated rendering
  3. Workspace and workflow
    1. Get to know the Home screen
    2. View and share auto-created collages, slideshows, and more
    3. Workspace basics
    4. Source Monitor and Program Monitor
    5. Preferences
    6. Tools
    7. Keyboard shortcuts
    8. Audio View
    9. Undoing changes
    10. Customizing shortcuts
    11. Working with scratch disks
  4. Working with projects
    1. Creating a project
    2. Adjust project settings and presets
    3. Save and back up projects
    4. Previewing movies
    5. Creating video collage
    6. Creating Highlight Reel
    7. Create a video story
    8. Creating Instant Movies
    9. Viewing clip properties
    10. Viewing a project's files
    11. Archiving projects
    12. GPU accelerated rendering
  5. Importing and adding media
    1. Add media
    2. Guidelines for adding files
    3. Set duration for imported still images
    4. 5.1 audio import
    5. Working with offline files
    6. Sharing files between Adobe Premiere Elements and Adobe Photoshop Elements
    7. Creating specialty clips
    8. Work with aspect ratios and field options
  6. Arranging clips
    1. Arrange clips in the Expert view timeline
    2. Group, link, and disable clips
    3. Arranging clips in the Quick view timeline
    4. Working with clip and timeline markers
    5. Sequence settings
  7. Editing clips
    1. Reduce noise
    2. Select object
    3. Candid Moments
    4. Color Match
    5. Smart Trim
    6. Change clip speed and duration
    7. Split clips
    8. Freeze and hold frames
    9. Adjusting Brightness, Contrast, and Color - Guided Edit
    10. Stabilize video footage with Shake Stabilizer
    11. Replace footage
    12. Working with source clips
    13. Trimming Unwanted Frames - Guided Edit
    14. Trim clips
    15. Editing frames with Auto Smart Tone
    16. Artistic effects
  8. Color Correction and Grading
    1. Color Correction and Grading (LUTs)
    2. Color Correction Panel
    3. Color Correction Settings
  9. Applying transitions
    1. Applying transitions to clips
    2. Transition basics
    3. Adjusting transitions
    4. Adding Transitions between video clips - Guided Edit
    5. Create special transitions
    6. Create a Luma Fade Transition effect - Guided Edit
  10. Special effects basics
    1. Effects reference
    2. Applying and removing effects
    3. Create a black and white video with a color pop - Guided Edit
    4. Time remapping - Guided edit
    5. Effects basics
    6. Working with effect presets
    7. Finding and organizing effects
    8. Editing frames with Auto Smart Tone
    9. Fill Frame - Guided edit
    10. Create a time-lapse - Guided edit
    11. Best practices to create a time-lapse video
  11. Applying special effects
    1. Use pan and zoom to create video-like effect
    2. Transparency and superimposing
    3. Reposition, scale, or rotate clips with the Motion effect
    4. Apply an Effects Mask to your video
    5. Adjust temperature and tint
    6. Create a Glass Pane effect - Guided Edit
    7. Create a picture-in-picture overlay
    8. Applying effects using Adjustment layers
    9. Adding Title to your movie
    10. Removing haze
    11. Creating a Picture in Picture - Guided Edit
    12. Create a Vignetting effect
    13. Add a Split Tone Effect
    14. Add FilmLooks effects
    15. Add an HSL Tuner effect
    16. Fill Frame - Guided edit
    17. Create a time-lapse - Guided edit
    18. Animated Sky - Guided edit
    19. Select object
    20. Animated Mattes - Guided Edit
    21. Double exposure- Guided Edit
  12. Special audio effects
    1. Mix audio and adjust volume with Adobe Premiere Elements
    2. Audio effects
    3. Adding sound effects to a video
    4. Adding music to video clips
    5. Create narrations
    6. Using soundtracks
    7. Music Remix
    8. Adding Narration to your movie - Guided Edit
    9. Adding Scores to your movie - Guided edit
  13. Movie titles
    1. Creating titles
    2. Adding shapes and images to titles
    3. Adding color and shadows to titles
    4. Apply Gradients
    5. Create Titles and MOGRTs
    6. Add responsive design
    7. Editing and formatting text
    8. Align and transform objects
    9. Motion Titles
    10. Appearance of text and shapes
    11. Exporting and importing titles
    12. Arranging objects in titles
    13. Designing titles for TV
    14. Applying styles to text and graphics
    15. Adding a video in the title
  14. Disc menus
    1. Creating disc menus
    2. Working with menu markers
    3. Types of discs and menu options
    4. Previewing menus
  15. Sharing and exporting your movies
    1. Export and share your videos
    2. Export settings
    3. Sharing for PC playback
    4. Compression and data-rate basics
    5. Common settings for sharing
  1. Adobe Premiere Elements User Guide
  2. Introduction to Adobe Premiere Elements
    1. What's new in Premiere Elements
    2. System requirements | Adobe Premiere Elements
    3. Workspace basics
    4. Guided mode
    5. Use pan and zoom to create video-like effect
    6. GPU accelerated rendering
  3. Workspace and workflow
    1. Get to know the Home screen
    2. View and share auto-created collages, slideshows, and more
    3. Workspace basics
    4. Source Monitor and Program Monitor
    5. Preferences
    6. Tools
    7. Keyboard shortcuts
    8. Audio View
    9. Undoing changes
    10. Customizing shortcuts
    11. Working with scratch disks
  4. Working with projects
    1. Creating a project
    2. Adjust project settings and presets
    3. Save and back up projects
    4. Previewing movies
    5. Creating video collage
    6. Creating Highlight Reel
    7. Create a video story
    8. Creating Instant Movies
    9. Viewing clip properties
    10. Viewing a project's files
    11. Archiving projects
    12. GPU accelerated rendering
  5. Importing and adding media
    1. Add media
    2. Guidelines for adding files
    3. Set duration for imported still images
    4. 5.1 audio import
    5. Working with offline files
    6. Sharing files between Adobe Premiere Elements and Adobe Photoshop Elements
    7. Creating specialty clips
    8. Work with aspect ratios and field options
  6. Arranging clips
    1. Arrange clips in the Expert view timeline
    2. Group, link, and disable clips
    3. Arranging clips in the Quick view timeline
    4. Working with clip and timeline markers
    5. Sequence settings
  7. Editing clips
    1. Reduce noise
    2. Select object
    3. Candid Moments
    4. Color Match
    5. Smart Trim
    6. Change clip speed and duration
    7. Split clips
    8. Freeze and hold frames
    9. Adjusting Brightness, Contrast, and Color - Guided Edit
    10. Stabilize video footage with Shake Stabilizer
    11. Replace footage
    12. Working with source clips
    13. Trimming Unwanted Frames - Guided Edit
    14. Trim clips
    15. Editing frames with Auto Smart Tone
    16. Artistic effects
  8. Color Correction and Grading
    1. Color Correction and Grading (LUTs)
    2. Color Correction Panel
    3. Color Correction Settings
  9. Applying transitions
    1. Applying transitions to clips
    2. Transition basics
    3. Adjusting transitions
    4. Adding Transitions between video clips - Guided Edit
    5. Create special transitions
    6. Create a Luma Fade Transition effect - Guided Edit
  10. Special effects basics
    1. Effects reference
    2. Applying and removing effects
    3. Create a black and white video with a color pop - Guided Edit
    4. Time remapping - Guided edit
    5. Effects basics
    6. Working with effect presets
    7. Finding and organizing effects
    8. Editing frames with Auto Smart Tone
    9. Fill Frame - Guided edit
    10. Create a time-lapse - Guided edit
    11. Best practices to create a time-lapse video
  11. Applying special effects
    1. Use pan and zoom to create video-like effect
    2. Transparency and superimposing
    3. Reposition, scale, or rotate clips with the Motion effect
    4. Apply an Effects Mask to your video
    5. Adjust temperature and tint
    6. Create a Glass Pane effect - Guided Edit
    7. Create a picture-in-picture overlay
    8. Applying effects using Adjustment layers
    9. Adding Title to your movie
    10. Removing haze
    11. Creating a Picture in Picture - Guided Edit
    12. Create a Vignetting effect
    13. Add a Split Tone Effect
    14. Add FilmLooks effects
    15. Add an HSL Tuner effect
    16. Fill Frame - Guided edit
    17. Create a time-lapse - Guided edit
    18. Animated Sky - Guided edit
    19. Select object
    20. Animated Mattes - Guided Edit
    21. Double exposure- Guided Edit
  12. Special audio effects
    1. Mix audio and adjust volume with Adobe Premiere Elements
    2. Audio effects
    3. Adding sound effects to a video
    4. Adding music to video clips
    5. Create narrations
    6. Using soundtracks
    7. Music Remix
    8. Adding Narration to your movie - Guided Edit
    9. Adding Scores to your movie - Guided edit
  13. Movie titles
    1. Creating titles
    2. Adding shapes and images to titles
    3. Adding color and shadows to titles
    4. Apply Gradients
    5. Create Titles and MOGRTs
    6. Add responsive design
    7. Editing and formatting text
    8. Align and transform objects
    9. Motion Titles
    10. Appearance of text and shapes
    11. Exporting and importing titles
    12. Arranging objects in titles
    13. Designing titles for TV
    14. Applying styles to text and graphics
    15. Adding a video in the title
  14. Disc menus
    1. Creating disc menus
    2. Working with menu markers
    3. Types of discs and menu options
    4. Previewing menus
  15. Sharing and exporting your movies
    1. Export and share your videos
    2. Export settings
    3. Sharing for PC playback
    4. Compression and data-rate basics
    5. Common settings for sharing

Responsive Design for Motion Graphics makes it possible to design rolls and graphics that adjust to changes in duration and layer positioning.

Responsive Design - Position

You can design your graphics to automatically adapt to changes in the video frame aspect ratio, or to the position or scale properties of another graphic layer. For example, you might want an underlying shape layer to respond to the width, height and position of your text.

Small blue pins on the Program Monitor indicate whether the currently selected layer is pinned to another layer.

To define spatial relationships between layers:

  1. Select a Graphic in your timeline and navigate to the Edit tab of the Titles and Shapes panel.

  2. Select a layer that you want to make responsive to the changes in another layer.

  3. Under Responsive Design – Position > Pin To, specify which layer the currently selected layer should be pinned to.

    The currently selected layer gets parented by the layer you choose from the drop-down list.

  4. To define which edges the child layer should be pinned to, use the diagram on the right side  - Top, Bottom, Left or Right of the parent. You can also click the center of the diagram to pin to all edges or unpin from all edges.

    For example, you have a rectangle containing text. If you pin the rectangle to the text, the text responds automatically to any change in the rectangle.

    Note:

    Use the square in the center to quickly toggle on or off pinning for all edges.

  5. The selected layer now responds in position, length/width, and scale based on changes to its parent layer. When you select this layer in the program monitor, its parent layer displays small blue pins on the pinned edges. 

    Set responsive design - position
    Set responsive design - position

Responsive Design - Time

Create rolls

You can create title or credit rolls that move vertically over the screen by enabling Roll. When Roll is enabled, you see a translucent blue scroll bar in the Program Monitor.

This Document View scroll bar allows you to scroll the text and graphics in your credit roll for easier editing. You do not have to move the playhead in the timeline to a specific position.

Note:

The duration of the Roll-enabled Graphic and the combined height of all that Graphic's layers determine the speed of the roll. 

To enable rolls for your graphics:

  1. Select a Graphic in your timeline and navigate to the Edit tab of the Titles and Shapes panel.

    Enable rolls
    Enable rolls

  2. Make sure that the graphic you selected has none of its individual  layers selected.

    Note:

    Make sure that the text layer in the Program monitor is deselected. If one or more layers are selected in the Program Monitor, the Roll option is not visible.

  3. Select the check-box next to Roll to enable credit rolls.

  4. Specify whether or not you want your text or other layers to start or end offscreen.

  5. Adjust the timing for Preroll, Postroll, Ease in, and Ease out using the timecode for each property.

    Roll scroll bar
    Roll scroll bar

  6. Select the Soften checkbox if you want to smoothen the motion of your rolling text.

Preserve Intro and Outro Animation

You can define segments of your graphics that preserve intro and outro keyframes, even when the overall duration of the graphic changes. Keyframes within the intro and outro time ranges are protected when the Graphic is trimmed in or out. With these keyframes protected, you can trim your graphic clip and still preserve intro and outro animations. Keyframes falling between intro and outro regions will be stretched or compressed as needed.

A transparent white overlay on your Graphic in the timeline and the Effect Controls panel indicates the intro and outro segments of the clip. These segments can be defined in the Titles and Shapes panel or the Effect Controls panel. 

Set responsive design - time
Set responsive design - time

Define intro and outro segments and preserve animations using the Titles and Shapes panel

  1. Select the graphic in your timeline and navigate to the Edit tab of the Titles and Shapes panel.

  2. Make sure that the graphic that you selected has none of its individual layers selected.

  3. Under Intro duration, specify the amount of time that you want to define as the intro/entrance section using the timecode controls.       

  4. Under outro duration, specify the amount of time that you want to define as the outro/exit section using the timecode controls.

Define intro and outro segments and preserve animations using the Effect Controls panel

  1. Select the graphic in your timeline and navigate to the Effect Controls panel.

  2. Click on the Stopwatch icon in the Effects Control panel to show Timeline.

  3. At the top of the Effect Controls panel is a small blue handle at the beginning and end of the selected clip.

  4. Drag the left handle out to define the intro/entrance segment. You see a grey overlay that covers the keyframes that fall within the specified time range.

  5. Drag the right handle out to define the outro/exit segment. You see a transparent white overlay that covers the keyframes that fall within the specified time range.

Specify intro and outro duration using keyboard shortcuts

Using the keyboard shortcut map, you can set keyboard shortcuts to specify the intro and outro duration. Go to Edit > Keyboard Shortcuts (Windows) or Edit > Keyboard Customization (macOS). These keyboard shortcuts are not assigned by default. These commands are used to assign keyboard shortcuts:

  • Set Intro End
  • Set Outro Start

To use your keyboard shortcuts for Intro and Outro duration:

  1. Select the graphic clip in the timeline for which you want to preserve an intro or outro animation.

  2. Position the playhead to the position that you want to set the Intro or Outro setting and click the keyboard shortcut that was assigned.

Note:

The keyboard shortcuts are enabled only when the timeline is selected.

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online