{"id":190507,"date":"2022-05-13T09:50:48","date_gmt":"2022-05-13T07:50:48","guid":{"rendered":"http:\/\/sftarticles.wpenginepowered.com\/en\/?p=190507"},"modified":"2025-07-01T20:45:55","modified_gmt":"2025-07-02T03:45:55","slug":"how-to-add-animated-titles-premiere-pro","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-add-animated-titles-premiere-pro\/","title":{"rendered":"How to add animated titles using Essential Graphics in Premiere Pro"},"content":{"rendered":"\n

Adobe introduced a new approach to its motion graphics workflow when it updated The Graphics workspace<\/strong> and Essential Graphics panel<\/strong> in April 2017. The new Essential Graphics panel addressed the time-consuming video processing issue that required editors to jump back and forth between Adobe Premiere Pro<\/strong> and Adobe After Effects<\/strong>.<\/p>\n\n\n

\r\n
\r\n
\r\n
\r\n \"Premiere\r\n <\/div>\r\n
\r\n Premiere Pro<\/span>\r\n FREE TRIAL<\/a>\r\n <\/div>\r\n
\r\n <\/path><\/path><\/text><\/svg>\r\n <\/div>\r\n <\/div>\r\n
\r\n <\/span>\r\n <\/div>\r\n
\r\n \r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n

The 2017 update to the Graphics workspace was Adobe’s successful attempt at streamlining the workflow of professional editors who work in collaborative video production environments. The final result produced a far more manageable and beginner-friendly feature from Adobe<\/strong>. Editors can now animate and customize titles<\/strong> using easy-to-access After Effects templates with no prior experience and without ever opening the After Effects app.<\/p>\n\n\n\n

Creating text effects and animations in Premiere Pro<\/h2>\n\n\n\n

Adobe simplifies the motion graphics workflow<\/strong> by giving all the required tools in a single panel where you can seamlessly design and animate unique text and graphics for your videos<\/strong> using the supplied presets in Premiere Pro. Creating original motion effects for your clips requires a basic familiarity with the workspace. Here\u2019s how to easily generate text animations from scratch<\/strong> using the Essential Graphics panel in Premiere Pro.<\/p>\n\n\n

  1. Choose your text<\/h2>\"Create

    Start by clicking on Window > Essential Graphics<\/i>. The next step is to use the Text Tool [T]<\/i> to generate your title. Once you\u2019ve added the text, this creates a new layer under the Editing<\/i> tab. Selecting the Text<\/i> layer reveals all corresponding properties and tools.<\/p>\n

    To align your text in the desired position within the frame, access this under Align and Transform<\/i>. This toolset lets you choose from an array of different font styles. Click on Appearance<\/i> to adjust text color or insert visual elements like drop shadow, multiple strokes, and responsive background<\/strong>.<\/p>\n<\/div><\/li>

  2. Select your background elements<\/h2>\"Select

    For your background, start by creating two Rectangle<\/i> layers. Click on New Layer<\/i> beside your existing at the top of the Essential Graphics panel. The rectangles should significantly outsize your text. The larger asset gives you enough room to crop and add masking<\/strong> later.<\/p>\n

    To change the color of your rectangles, navigate to Fill in the Appearance<\/i> at the lower right of the panel. Choose your colors by checking the box next to the background options<\/strong>. Now, you can arrange your layers. Put one color at the top and the other at the bottom. Now, position the text at the top.<\/p>\n<\/div><\/li>

  3. Mask your graphic<\/h2>\"Select

    Adobe introduced masking to the revamped edition of the Essential Graphics panel, making this feature accessible directly in Premiere Pro. Before adding a mask, you need to create a new layer<\/strong> for your rectangular shape. Size and position the shape as desired, and then, select the Mask with Shape<\/i> under Appearance<\/i>, located at the bottom right.<\/p>\n

    If you are working with several layers, the Graphics panel gives the option to group them so that the mask applies to each layer. Now, you\u2019re ready to animate your graphic<\/strong>.<\/p>\n<\/div><\/li>

  4. Set your background and text in motion<\/h2>\"Use

    Once you have arranged all the elements by following the steps above, you can now animate your text and backgrounds<\/strong> following a simple approach called the Y Position<\/i> shift. Start by animating the text layer.<\/p>\n

    Animate the Y Position<\/i> by moving the Playhead<\/i> over the two-second mark in your timeline. This times the animation over two-second intervals so that one color appears first, followed by the second color.<\/p>\n

    Now that you\u2019ve established where the animation ends, choose the Text<\/i> layer on the panel before selecting the Position<\/i> icon under Align and Transform<\/i>.This step turns on the animation and adds a keyframe at the time indicator. Verify the motion effect<\/strong> is applied after the symbols turn blue.<\/p>\n

    At this point, you can bring your playhead to the one-second mark. Now, adjust the Y<\/i> attribute to put your text in the appropriate starting position within your timeline. Any time you make changes to a given attribute, a new keyframe<\/strong> generates, adding itself to the location. Now, you can animate both of your rectangles by following the same steps. Be sure to offset the time for each shape to produce the desired effect.<\/p>\n<\/div><\/li><\/ol><\/div>