Pro-Tips: Animation in Adobe Express with Andrew Hochradel
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
🎬 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.
🎨 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.
🚀 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.
🎤 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.
📝 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
💡Animation
💡Remove Background
💡Social Media Assets
💡Timeline
💡Text Effects
💡Adobe Fonts
💡Voiceover
💡Media Section
💡Layer Timing
💡Photoshop Integration
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.