{"id":2044,"date":"2025-07-28T14:35:23","date_gmt":"2025-07-28T18:35:23","guid":{"rendered":"https:\/\/sites.smith.edu\/project-resources\/create-a-digital-narrative-with-adobe-express-copy\/"},"modified":"2025-11-12T17:03:11","modified_gmt":"2025-11-12T22:03:11","slug":"create-a-digital-narrative-with-adobe-express","status":"publish","type":"page","link":"https:\/\/sites.smith.edu\/project-resources\/create-a-digital-narrative-with-adobe-express\/","title":{"rendered":"Create a Digital Narrative with Adobe Express"},"content":{"rendered":"\n

Create a Digital Narrative with Adobe Express<\/h1>\n\n\n\n

Adobe Express<\/strong> is an online and mobile design app for creating graphics, videos, and web pages. The app follows a “freemium” model where you can access certain basic features for no cost, although logging in with your Smith credentials will provide you the premium, upgraded version. <\/p>\n\n\n\n

Although you can use Adobe Express for a variety of content creation needs, it serves as a convenient tool for creating short videos and digital narratives. The process for creating one of these videos with Adobe Express is very similar to building a narrated slideshow, where functionally you can create slides with any kind of media content (photos, videos, text, etc.) and then record your voice onto each slide. <\/p>\n\n\n\n

When you export the final product as a video, Adobe Express will stitch together those narrated slides into a complete MP4 video file<\/strong>, which can then be submitted or embedded wherever needed.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Step 1. Go To Adobe Express<\/h2>\n\n\n\n

Visit express.adobe.com<\/a><\/strong> and log in with <\/strong><\/mark>your Smith email<\/mark><\/strong> (including the @smith.edu<\/em>). When prompted, complete your login with your Smith username and password.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Step 2. Start a new blank video project<\/h2>\n\n\n\n

Most digital narratives or short videos should be a 16:9 ratio at 1920 pixels wide by 1080 pixels high<\/strong>. You can start a canvas at these dimensions multiple different ways from the home screen of Adobe Express, but I recommend the following:<\/p>\n\n\n\n

Select the Create new “+” <\/strong>button from the upper lefthand side of the home screen, and then choose Video<\/strong> from the menu (this will be the “landscape” 1920px by 1080px option that we want).<\/p>\n\n\n\n

\"screenshot<\/figure>\n\n\n\n
\"screenshot<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Step 3. Start creating your slides<\/h2>\n\n\n\n

Rename your project something different than the default title in the upper lefthand corner of the screen. Note that Adobe Express will save your project automatically as you work.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Choose the “Start from scratch<\/strong>” option on the bottom of the screen, if prompted.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Then you should see a timeline<\/strong> appear as below:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To add more slides (what Adobe Express refers to as “scenes<\/strong>“), you can choose the “+” <\/strong>button after the first slide\/scene, and select “Add blank scene<\/strong>“.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

These slides\/scenes will have a default duration of 5 seconds, which is how long they will stay on screen. You can extend a slide or make it shorter by clicking and dragging in\/out the edges of the slide on the timeline. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Step 4. Work from a detailed and well-organized script<\/h2>\n\n\n\n

At this stage of the project, it is very useful to work from a script where you have clearly outlined your narration and separated which lines will be recorded on each slide of your video. This is especially helpful if you have to translate your narration and place both versions of each line on the screen as subtitles.<\/p>\n\n\n\n

As an example, I have created an example two-column script<\/a><\/strong> to clearly plan out my lines and identify what visual content I want to provide on each slide, including the translated subtitle text.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If you would like to use a two-column script to plan your own video, you can find the link to our template here<\/a><\/strong>. When it opens in Google Docs, go to File \u2192 Make a copy<\/strong> and save it to your own Drive.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Step 5. Add text\/image\/video content to each slide<\/h2>\n\n\n\n

Look to the toolbar on the left-side of the page to add different types of content, including Text<\/strong> and Media<\/strong>. <\/p>\n\n\n\n

<\/div>\n\n\n\n

Text<\/h3>\n\n\n\n

The Text<\/strong> tool will allow you to browse templated text options, or choose Add your text<\/strong> to create a text box on the page for you to start adding text from scratch.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Once you have a text box on the page, you can select that text box to edit it and change its properties. With the text box actively selected, the left-side menu will now offer you related text-editing options.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You may need to change the formatting of subtitle text to ensure that it is readable over the background. Out of the text menu, you can select Effects<\/strong> to change text color<\/strong>, add a drop shadow<\/strong>, or add a shape <\/strong>behind the text. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Once you have settled on a style for your text, whether titles or subtitles, I recommend you copy and paste the text boxes from slide to new slide<\/mark><\/strong>, editing each one for content only, to avoid having to re-create the style choices every time.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Media <\/h3>\n\n\n\n

The Media<\/strong> tool can be found under the “+ Add Content<\/strong>” option in the toolbar. There, you can choose between the Photos<\/strong>, Videos<\/strong>, and Audio<\/strong> tabs, which will present libraries of Adobe stock material, as well as an Upload from device<\/strong> option to import your own saved files.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n

Once you upload a media file or select an item from the stock library, it will populate on the slide.

You can then edit\/adjust the properties of each file if you first select the item on the slide. Notice that the left-side menu will update with the related options for that item, while it is actively selected, just like a Text<\/strong> item:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

As you add content to your slide, the layers panel <\/strong>to the right side will become useful if you have to re-order or change the stack of the items on your slide. To change the order, click and drag a layer in the panel to the top or bottom of another layer in the panel.<\/p>\n\n\n\n

\"screenshot<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Step 6. Record narration on each slide<\/h2>\n\n\n\n

Under the Media<\/strong> tool’s Audio<\/strong> tab, there is an option to Record voiceover<\/strong>, which is the easiest way to add narration to your video.
<\/p>\n\n\n\n

Importantly, when you first select Record voiceover<\/strong>, most browsers will ask for permission to access the microphone on your computer. Choose Allow<\/strong> to grant access and continue.<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n

On each slide, record your section of lines for that slide, starting and stopping the recording each time, resulting in something that looks like the following project with an audio recording attached to each slide:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

These audio recordings can be moved around on the timeline and trimmed, much like the slides themselves.
<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 7. Additional editing tips and tricks<\/h2>\n\n\n\n
<\/div>\n\n\n\n

Editing on the Timeline<\/h3>\n\n\n\n

As you add slides and content to the timeline, you will be able to select those components on the timeline to adjust both their duration and order.

Most items can be selected, dragged, and dropped to reposition their order on the timeline, including the scenes themselves.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Timeline Controls<\/h3>\n\n\n\n

Use the playhead<\/strong> to scrub back and forth through the scenes on your timeline.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Zoom in or out of the timeline as needed with the magnifying slider<\/strong> in the lower righthand corner of the screen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Use the play button<\/strong> to preview your assembled video as you work.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Layer Timing<\/h3>\n\n\n\n

If you toggle on Show layer timing<\/strong> at the bottom of the timeline, you can select an item on that slide and adjust its timing on screen during the duration of that particular slide.<\/p>\n\n\n\n

For example, the text object “I’m Meridith<\/em>“, as below, appears by default for the entire duration of the first scene. With layer timing<\/strong> on, I can adjust both how long and when exactly it appears in that scene to instead have it pop-up halfway through.<\/p>\n\n\n\n

\"layer<\/figure>\n\n\n\n

The change would look something like this:<\/p>\n\n\n\n

\"layer<\/figure>\n\n\n\n

As long as you have layer timing<\/strong> toggled on, and a text\/image\/video item actively selected on a particular scene, you will be able to trim and re-position that item on the timeline.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Animation<\/h3>\n\n\n\n

Customize the flow of your video by adding animations to the elements on each scene. To add an animation, select a text, image, or video item within a scene, and use the contextual menu to navigate to the Animation<\/strong> options. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can set an animation for any object in three different ways: first, as it enters the scene (In<\/strong>), then as it appears through the duration of the scene (Loop<\/strong>), and finally, how it exits the scene (Out<\/strong>). <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can choose to add an animation in just one of these ways (In<\/strong>, Loop<\/strong>, and Out<\/strong>), or two of them, or all three, based on the overall impact you want. In addition, you can adjust the properties of each animation by opening the Settings<\/strong> on a selected animation from the menu.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 8. Export your finished video<\/h2>\n\n\n\n

When you are ready to export your project, choose the Download<\/strong> option in the upper righthand corner and select MP4<\/strong> as the the File format<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Create a Digital Narrative with Adobe Express Adobe Express is an online and mobile design app for creating graphics, videos, and web pages. The app follows a “freemium” model where you can access certain basic features for no cost, although logging in with your Smith credentials will provide you the premium, upgraded version. Although you […]<\/p>\n","protected":false},"author":5090,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2044","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages\/2044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/users\/5090"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/comments?post=2044"}],"version-history":[{"count":39,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages\/2044\/revisions"}],"predecessor-version":[{"id":2530,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages\/2044\/revisions\/2530"}],"wp:attachment":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/media?parent=2044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}