Pro-Tips: Animation in Adobe Express with Andrew Hochradel

Adobe Live
15 Jun 202327:30

TLDRAndrew Hawk, or Rattle, hosts a tutorial on Adobe Express Beta, focusing on creating animations for social media assets. He demonstrates how to separate subjects from backgrounds, utilize the remove background feature, and refine edges. Andrew also covers adding textures, effects, and animating text with various styles and fonts. He incorporates audio by recording a voiceover and adding background music, adjusting the timing and volume for a cohesive final product. The session showcases the ease of creating content for Instagram stories and posts, emphasizing Adobe Express's drag-and-drop functionality and integration with other Adobe products like Photoshop and Illustrator.

Takeaways

  • 🎨 **Adobe Express Beta for Animation**: Andrew Hochradel demonstrates how to use Adobe Express Beta for creating animated social media graphics.
  • 🎧 **Working with Audio**: The session includes working with audio, which is a new feature in Adobe Express Beta.
  • 📌 **Removing Backgrounds**: Hochradel shows how to use the remove background feature to separate subjects from their backgrounds effectively.
  • 🖼️ **Photoshop and Illustrator Integration**: He highlights the seamless integration between Adobe Express, Photoshop, and Illustrator for advanced editing capabilities.
  • 📱 **Social Media Optimization**: The tutorial focuses on creating content for various social media platforms, including Instagram stories and posts.
  • 🔄 **Drag and Drop Interface**: Adobe Express Beta offers a user-friendly drag and drop interface for easy content creation.
  • 🎭 **Text Animation**: Hochradel explains how to animate text to make it more engaging for social media.
  • 🌟 **Font Recommendations**: The software suggests fonts based on the content and style of the image, making the design process more intuitive.
  • 🎵 **Adding Music and Voiceovers**: The session covers how to record voiceovers and add music to enhance the final animation.
  • 🔍 **Detail Checking**: The importance of checking edges and details when removing backgrounds or making selections is emphasized.
  • 🔄 **Animation Effects**: Various animation effects like 'wiggle' and 'tumble' are explored to create dynamic and interesting content.
  • 📊 **Timeline and Layer Management**: Hochradel demonstrates how to use the timeline to manage and time animations and layers for a cohesive final product.

Q & A

  • What is the name of the host for the pro tips session on Adobe Express?

    -The host for the pro tips session on Adobe Express is Andrew Hawk.

  • What is the main topic of discussion in the pro tips session?

    -The main topic of discussion is animation in Adobe Express.

  • What is the new feature that Andrew Hawk demonstrates in Adobe Express?

    -Andrew Hawk demonstrates the new feature of working with audio and creating animated social media assets in Adobe Express.

  • How does Andrew Hawk separate the subject from the background in Adobe Express?

    -Andrew Hawk uses the 'remove background' feature in Adobe Express to separate the subject from the background.

  • What tool does Andrew Hawk use to refine the edges of the subject after using the 'remove background' feature?

    -Andrew Hawk uses the erase tool and the restore tool to refine the edges of the subject after using the 'remove background' feature.

  • How does Andrew Hawk add texture to the background of his project?

    -Andrew Hawk adds a rectangle shape with a gray fill, then applies a crumpled paper texture effect to add noise and texture to the background.

  • What is the name of the font that Andrew Hawk selects for the text animation?

    -Andrew Hawk selects 'Alternate Gothic' as the font for the text animation.

  • How does Andrew Hawk create a shadow effect for an object in Adobe Express?

    -Andrew Hawk duplicates the object layer, applies a duotone effect with both tones as black, adjusts the blur and opacity, and then animates it to create a shadow effect.

  • What is the slogan that Andrew Hawk uses for the text in the animation?

    -The slogan that Andrew Hawk uses for the text in the animation is 'Landing Gear'.

  • How does the integration between Adobe Express and other Adobe products like Photoshop and Illustrator work?

    -The integration allows users to seamlessly move between Adobe Express, Photoshop, and Illustrator, enabling them to use the strengths of each program in their workflow.

  • What is the final outcome of the project that Andrew Hawk is working on in Adobe Express?

    -The final outcome is a promotional animation for a merchandise line with Southwest, featuring animated text, a cooler object, and voiceover with background music.

  • How can users access and experiment with Adobe Express beta?

    -Users can access Adobe Express beta by going to new.express.adobe.com and using their Adobe ID to log in and start experimenting with the features.

Outlines

00:00

🎬 Introduction to Adobe Express Animation Tutorial

Andrew Hawk, the host, introduces the video by welcoming viewers to a session on animation using Adobe Express. He mentions that they will be creating social graphics with audio, which is why he is wearing headphones. Andrew invites viewers to join him in working with Adobe Express beta, accessible at new.dot.express.adobe.com, and teases an exciting project involving a merch line with Southwest. The host demonstrates the power of Adobe Express by showing a promo he made, which combines the capabilities of Photoshop, Illustrator, and Adobe Express. He then guides viewers through the process of creating an Instagram story, starting with a scratch document and using drag-and-drop features to import and edit a photo. Andrew also explains how to separate the subject from the background and refine the edges using various tools within Adobe Express.

05:02

🎨 Adding Texture and Animating Text in Adobe Express

The video continues with Andrew adding a textured background to the project by using elements and shapes to create a rectangle filled with gray. He then applies a crumpled paper effect to add noise and texture. Andrew proceeds to animate the project, turning it into a video, and adjusts the blending mode and contrast to achieve a gritty look. Next, he animates text by adding the phrase 'landing gear' and selecting a font that complements the design. Andrew also demonstrates how to adjust the text's color to match elements in the image and create a dimensional effect. He shares a trick for adding a shadow effect to objects by duplicating a layer, applying a duotone effect, adjusting the blur, and reducing the opacity to create a subtle shadow that moves with the object during animation.

10:03

🚀 Creating a Dynamic Animation with Adobe Express

Andrew demonstrates how to animate an object by duplicating a layer and applying effects to create a shadow. He then animates the shadow to move away from the background, adding a sense of depth. The host animates text to tumble in and out of the frame, adjusting the speed and intensity of the animation for a more dynamic effect. He also shows how to use the object selection tool in Photoshop to select and cut out an image of a cooler, which he then imports into Adobe Express. Andrew refines the animation by adjusting the timing of each layer, ensuring that the cooler floats into the scene after the text and leaves before it. He emphasizes the ease of moving between Adobe programs like Photoshop and Illustrator with Adobe Express.

15:04

🎤 Recording Voiceover and Adding Music to the Animation

Andrew records a voiceover for the animation, emphasizing the ease of adding audio tracks in Adobe Express. He then adds music to the project, searching for a 'happy fun' track that complements the animation's mood. After selecting the desired track, Andrew adjusts the volume levels of the music and voiceover to ensure they blend well with the animation. He also addresses a viewer's question about resizing the project for different social media formats, demonstrating how to duplicate and resize the animation for an Instagram square post. Andrew makes final adjustments to the text and cooler's position to fit the new format and ensures that the animation plays smoothly across different sizes.

20:06

📝 Wrapping Up the Adobe Express Animation Tutorial

In the final paragraph, Andrew addresses a question about adding curves to text in Adobe Express, noting that the feature might be available in the full version of the software, as the beta version they are using still has some limitations. He thanks viewers for joining the tutorial, encourages them to stay tuned for more content on Adobe Live, and reminds them to subscribe before signing off.

Mindmap

Keywords

💡Adobe Express

Adobe Express is a video creation and editing software that allows users to make social media graphics, animations, and videos. In the video, Andrew Hochradel uses Adobe Express to create animated social media assets for a merchandise line, demonstrating its capabilities for removing backgrounds, adding text, and incorporating audio.

💡Animation

Animation refers to the process of creating a sequence of images or frames that, when played in rapid succession, give the illusion of movement. In the video, Andrew discusses and demonstrates how to animate graphics and text within Adobe Express to create dynamic social media content.

💡Remove Background

The 'Remove Background' feature in Adobe Express is a tool that automatically detects and removes the background of an image, allowing users to isolate the subject. Andrew uses this feature to separate a photo's subject from its background to prepare it for animation.

💡Social Media Assets

Social Media Assets are visual content pieces created specifically for sharing on social media platforms. They include images, graphics, and videos optimized for various social media formats. In the video, Andrew creates animations and graphics tailored for Instagram stories and posts.

💡Timeline

The timeline in video editing software, including Adobe Express, is a tool that allows users to sequence and edit the different elements of their video, such as images, animations, and audio. Andrew uses the timeline to sequence the animation and audio for his social media assets.

💡Text Effects

Text Effects are visual styles or animations applied to text to enhance its appearance and make it more engaging. Andrew discusses adding text to his animations and explores various text effects, such as changing the font, size, and animation style.

💡Adobe Fonts

Adobe Fonts is a service that gives users access to a vast library of fonts for use in their creative projects. In the video, Andrew uses Adobe Fonts to select and apply different font styles to the text in his Adobe Express project.

💡Voiceover

A voiceover is a recording where a voice is added to a video, typically to narrate or provide additional information. Andrew records a voiceover for his animation to add a descriptive and promotional element to the social media asset.

💡Media Section

The media section in Adobe Express is where users can access and import various media elements like photos, videos, and audio into their project. Andrew uses the media section to add a voiceover and music to his animation.

💡Layer Timing

Layer Timing refers to the specific moments when different layers or elements in a video are displayed or become active. Andrew adjusts the layer timing to control when each animated element appears and disappears in the sequence.

💡Photoshop Integration

Photoshop Integration refers to the ability to use Adobe Photoshop's features within other Adobe applications, like Adobe Express. Andrew demonstrates this by opening an image in Photoshop, editing it, and then easily transferring it back into his Adobe Express project.

Highlights

Andrew Hochradel demonstrates animation techniques in Adobe Express.

The session includes working with audio to create cool social graphics.

Adobe Express beta is accessible at new.dot.express.dobe.com for everyone to try new features.

Andrew is creating social assets for a merch line in collaboration with Southwest.

The power of Photoshop and Illustrator is utilized within Adobe Express for advanced editing.

The 'remove background' feature is showcased for quick and easy subject-background separation.

Elements and shapes can be used to add texture and color to the background.

Effects like noise and crumpled paper are applied to create a gritty texture.

Text animation is added with options to rise, tumble, and wiggle for dynamic visuals.

Adobe Fonts integration allows users to select from a wide range of fonts directly in Adobe Express.

A creative hack for adding shadows to objects is shared by duplicating layers and applying effects.

Animation timing can be adjusted layer by layer for a coordinated sequence.

Photoshop's object selection tool is used to easily extract objects for use in Adobe Express.

Cross-application integration between Adobe Express, Photoshop, and Illustrator is highlighted.

The ability to resize and adapt creations for different social media formats is demonstrated.

Adding voiceover and music to animations is shown, with options to adjust volume levels.

The final product is a dynamic animation for social media promotion, showcasing Adobe Express's capabilities.

The session provides a first look at Adobe Express beta features and their practical use in content creation.