Pro-Tips: Animation in Adobe Express with Andrew Hochradel

Adobe Live
15 Jun 202327:30

TLDRAndrew Hochradel, also known as Andrew Hawk, hosts a tutorial on Adobe Express, demonstrating how to create animated social media assets. He guides viewers through the process of using audio, animation, and images to produce engaging graphics. Andrew showcases the power of Adobe Express by creating a promotional animation for a merchandise line in collaboration with Southwest. He details the steps of removing backgrounds, adding textures, animating text, and incorporating objects from Photoshop, all within Adobe Express. The tutorial concludes with the addition of voiceover and music, emphasizing the ease and efficiency of creating dynamic content with Adobe Express.

Takeaways

  • 🎨 **Adobe Express for Animation**: Andrew Hochradel demonstrates how to use Adobe Express for creating animated social media assets.
  • 🎧 **Working with Audio**: The session includes working with audio, which is a new feature in Adobe Express.
  • 📷 **Photo Manipulation**: Hochradel shows how to separate subjects from backgrounds using the remove background feature.
  • 🖌️ **Photoshop Integration**: He utilizes Photoshop to refine the subject selection and then imports the image back into Adobe Express.
  • 📹 **Video and Animation**: The script covers the process of turning a still image into an animated video with texture and effects.
  • ✂️ **Layer Editing**: Andrew discusses editing the animation of individual layers to create a sequence.
  • 🔍 **Detail Checking**: He emphasizes checking the edges of the subject after background removal for accuracy.
  • 🎵 **Adding Music and Voiceover**: The session includes how to add and adjust music and voiceover to the animation.
  • 📏 **Resizing for Different Formats**: Hochradel shows how to resize the final product for different social media formats like Instagram stories and posts.
  • 🔄 **Animation Techniques**: Various animation techniques such as 'rise', 'wiggle', and 'tumble' are explored to bring the graphic to life.
  • 🌐 **Adobe Express Beta Access**: The video is about the beta version of Adobe Express, which is accessible to everyone with an Adobe ID.

Q & A

  • What is the name of the Adobe software being discussed in the video?

    -Adobe Express

  • What is the purpose of using headphones in the video?

    -The purpose of using headphones is to work with audio while creating animations and social graphics.

  • What feature of Adobe Express allows for quick and easy background removal?

    -The 'remove background' feature in Adobe Express allows for quick and easy background removal.

  • How can you add a textured background to your project in Adobe Express?

    -You can add a textured background by using the 'elements' tool, selecting 'shapes', and applying an effect such as 'crumpled paper'.

  • What is the name of the font style used for the slogan 'Landing Gear' in the video?

    -The font style used is 'Alternate Gothic'.

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

    -Andrew creates a shadow effect by duplicating the object layer, applying a 'duotone' effect with both tones as black, adjusting the blur, and reducing the opacity.

  • What is the process of integrating Photoshop with Adobe Express as demonstrated in the video?

    -The process involves using the 'select subject' or 'object selection tool' in Photoshop to isolate an object, copying it (Ctrl C), and then pasting it (Ctrl V) into Adobe Express.

  • How can you animate text in Adobe Express?

    -You can animate text by selecting the text, clicking on 'animation', and choosing an animation effect such as 'rise', 'wiggle', or 'tumble'.

  • What is the name of the music track chosen for the final animation?

    -The music track chosen is 'Happy Day Fun Time Together'.

  • How can you adjust the timing of animations in Adobe Express?

    -You can adjust the timing by clicking on 'show layer timing' and then extending or reducing the duration of each animation layer.

  • What are the different social media formats Andrew creates using Adobe Express?

    -Andrew creates an Instagram story and an Instagram post format using Adobe Express.

  • Is there a way to add a curve to the text in Adobe Express as of the video's recording?

    -As of the video's recording, the feature to add a curve to the text is not available in Adobe Express beta, but it might be in the original version or coming soon.

Outlines

00:00

🎬 Introduction to Adobe Express Animation

Andrew Hawk, also known as Rattle, introduces himself as the host for a session on animation using Adobe Express. He mentions that they will be working with audio and creating social media graphics. Andrew demonstrates the Adobe Express beta's features by showing a promotional animation he made, which combines the capabilities of Photoshop, Illustrator, and Adobe Express. He then guides viewers on how to start a new project, specifically for Instagram stories, and shows how to import a photo and use the 'remove background' feature to separate the subject from the background.

05:02

🎨 Adding Texture and Animating Text

The host discusses adding a textured background to the animation by using shapes and applying effects like noise. He then transitions into animating text, selecting a font that complements the theme, and adjusting the text's appearance and position. Andrew also shares a trick for creating a shadow effect on objects by duplicating layers, applying a duotone effect, and adjusting the blur and opacity to achieve a shadow-like appearance. He animates the text to move upwards with a wiggle effect and shows how to synchronize the animation with the background.

10:03

📸 Integrating Photoshop for Image Editing

Andrew demonstrates the seamless integration between Adobe Express and Photoshop by opening an image in Photoshop to edit it further. Using the object selection tool, he isolates an object (a cooler) from its background and then copies and pastes it into Adobe Express. There, he refines the selection and removes the background. He then animates the cooler to float up in the composition and adjust the timing of the animation to create a smooth sequence.

15:04

🎙️ Recording Voiceover and Adding Music

The host records a voiceover for the animation and adds it to the project. He also searches for and selects a piece of music to accompany the animation, adjusting the volume to ensure it complements rather than overpowers the voiceover. Andrew shows how to adjust the audio levels and layering to achieve the desired audio mix for the final animation.

20:06

📱 Resizing for Different Social Media Formats

Andrew explains how to resize the animation for different social media formats, such as Instagram posts. He resizes the canvas and adjusts the elements within to fit the new dimensions. He also addresses a question about adding curves to text, noting that some features might not be available in the beta version of Adobe Express but could be part of the original software. The host concludes the session by thanking viewers for joining and encourages them to stay tuned for more Adobe Live sessions.

Mindmap

Keywords

💡Adobe Express

Adobe Express is a video creation and editing tool from Adobe Inc. that allows users to make social media graphics and videos. In the video, it is the main platform used by the host, Andrew Hochradel, to demonstrate how to create animated social media assets. It is showcased as a powerful tool that integrates with other Adobe products like Photoshop and Illustrator for advanced editing capabilities.

💡Animation

Animation refers to the process of creating a sequence of images or frames that give the illusion of motion when played in order. In the context of the video, animation is a key focus, as Andrew demonstrates how to animate text and images within Adobe Express to create engaging social media content.

💡Remove Background

The 'Remove Background' feature is a tool within Adobe Express that automatically detects and removes the background of an image, allowing the subject to stand out. Andrew uses this feature to isolate a photo for animation, which is a crucial step in creating the final animated product.

💡Social Media Assets

Social Media Assets are images, videos, or other media content that are specifically designed for use on social media platforms. In the video, Andrew creates animated social media assets for a hypothetical merch line, demonstrating how Adobe Express can be used to produce content that is optimized for sharing on platforms like Instagram and TikTok.

💡Timeline

The timeline in Adobe Express is a feature that allows users to sequence and edit the order and duration of animations and media elements within a project. Andrew uses the timeline to adjust the sequence of animations and to ensure that the various elements of his social media asset are synchronized.

💡Text Effects

Text Effects are visual styles or animations applied to text to make it more appealing or to convey a certain mood. Andrew discusses using text effects in Adobe Express to enhance the appearance of the slogan 'Landing Gear' within the animated social media asset he is creating.

💡Adobe Fonts

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

💡Voiceover

A voiceover is a recording where a voice is added to a video, typically to provide information, narration, or commentary. Andrew records a voiceover for his social media asset in Adobe Express, adding a spoken element to complement the visual animation.

💡Media Section

The Media Section in Adobe Express is where users can access and import various types of media, including photos, videos, and audio files. Andrew uses the media section to add a voiceover and music to his project, enhancing the final video with audio elements.

💡Resize

The 'Resize' function in Adobe Express allows users to adjust the dimensions of their project to fit different social media formats. Andrew demonstrates resizing his project to create both an Instagram story and a square post, showcasing the tool's flexibility.

💡Integration

Integration refers to the ability of different software or systems to work together. In the context of the video, Adobe Express is shown to be integrated with other Adobe products like Photoshop and Illustrator, allowing users to seamlessly move between these applications to complete their creative tasks.

Highlights

Andrew Hawk, the host, introduces the topic of animation in Adobe Express.

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

Andrew demonstrates the ease of using Adobe Express beta for social assets creation.

He shows how to use Photoshop's power to remove backgrounds and add details.

Andrew utilizes the 'remove background' feature and checks the edges for accuracy.

He discusses the process of adding texture to the background using elements and shapes.

Andrew applies a crumpled paper texture effect for a gritty look.

The ability to animate text is showcased with a variety of font suggestions and customization.

He shares a hack for creating a shadow effect on objects without a native shadow option.

Andrew animates the text to fly up and adds a wiggle effect for a dynamic touch.

Integration between Adobe Express and other Adobe products like Photoshop is highlighted.

He demonstrates the copy-pasting of elements between Photoshop and Adobe Express.

Andrew adjusts the timing of animations to create a seamless sequence.

Adding voiceover and music to the animation project is shown, emphasizing the media section's capabilities.

He fine-tunes the audio levels to ensure the voiceover and music complement the animation.

Andrew shows the resizing feature in Adobe Express to adapt the animation for different social media formats.

The final animation is played, demonstrating the 'Sky High fashion' theme with flying elements and a cooler object.

The session concludes with a reminder that Adobe Express is in beta and encourages users to experiment with it.