Ready to learn how to create a Lottie loading animation using Figma? We’ll walk through designing the animated graphic, prototyping it, and exporting it using the LottieFiles plugin. All you need is a free Figma account. If you’re starting, here’s everything you need to know about Lottie animations, and if you’re ready to get inspired,… Continue reading How to create a Lottie loading animation
Category: Tutorials
You learn something everyday if you pay attention
10 editing questions beginners always ask (answered by a pro)
The ten questions in question Check out the video version below, or read on for the questions and answers! Jump straight to questions: 1: What editing software should I use? The number one question I get asked and what I see in various places across the internet that new editors are lurking is what software… Continue reading 10 editing questions beginners always ask (answered by a pro)
How to create a Saul Bass style title animation in After Effects
Saul Bass created many famous title sequences for movies in the 50’s and 60’s, all the way up to a few in the 90’s. His style is sometimes referred to as “jazz visualized”, due to the use of unique shapes, bold colors, and punchy-linear animation movements. For our title animation, we are going to create… Continue reading How to create a Saul Bass style title animation in After Effects
Adobe Premiere Pro AI: How to use Auto-editing and Speech-to-Text
I used to think video editing was a time-consuming beast! Fun in theory, but overwhelming in practice. But then Adobe started packing Premiere Pro with AI tools, and suddenly, things got way easier (and honestly, more fun). In this article, we’ll walk through two of my favourite features: Auto-editing and Speech-to-Text. These clever tools can… Continue reading Adobe Premiere Pro AI: How to use Auto-editing and Speech-to-Text
How to crop an image with AI ImageEdit
Image cropping removes unwanted image areas to improve composition, focus, or aspect ratio. When designing, cropping images can help you enhance visual hierarchy, optimize for different screens and social media, and subtly alter the mood to create compelling visual content. How to crop images using Envato AI ImageEdit In this tutorial, we’ll be editing two… Continue reading How to crop an image with AI ImageEdit
How to create a colorful fan art portrait in Procreate
In this tutorial, we’ll learn how to draw a portrait in Procreate from scratch. We’ll draw Jinx from Arcane series, and we’ll take some inspiration from comics and Art Nouveau styles. We’ll explore different drawing techniques, and we’ll learn to use textures to make your fan art portrait expressive and vibrant. Creating a fan art… Continue reading How to create a colorful fan art portrait in Procreate
How to edit images with AI ImageEdit
While editing images, it can be tough to find a tool that is both easy to use and has advanced features. Envato’s AI ImageEdit makes this easy, providing both beginners and expert creators with tools that take away the difficulties of regular editing. Ready to breathe new life into your uploaded images with this all-in-one… Continue reading How to edit images with AI ImageEdit
How to remove people in the background of photos
We’ve all been there—you spend ages taking the perfect shot, only to find a random person lurking in the background. Whether it’s a stranger in your travel photo or a blurry figure messing it all up, it can be very frustrating when these things happen to your creative work. That’s why I love using ImageEdit… Continue reading How to remove people in the background of photos
How to remove a background from a logo
If you’ve ever been handed a logo that’s buried in a busy photo or slapped onto a textured background, you know how frustrating it can be to clean it up. Whether you’re dealing with brick walls or busy gradients, trying to extract a clean and transparent version that you can use can be a real… Continue reading How to remove a background from a logo
How to enlarge an image without losing quality?
How do you enlarge an image without pixelation? Have you ever wanted to enlarge a picture for your designs, only to end up with a blurry and pixelated mess? Enlarging images without pixelation is crucial for all designers. It’s a common problem, but thankfully, modern AI tools can help maintain the sharpness of your images… Continue reading How to enlarge an image without losing quality?
How to create an animated Lottie logo
Virtually all video on the internet is comprised of thousands or millions of individual raster images, or frames. While compression greatly reduces the file sizes, each frame is still essentially a raster image that is resolution-dependent, and the video itself is frame-rate-dependent. You cannot make the video larger or add more frames after it is… Continue reading How to create an animated Lottie logo
How to create infinite text scrolling in HTML, CSS, and JavaScript
It’s worth noting that a horizontal marquee brings many accessibility challenges. Moving text can be distracting and difficult to read. Consider carefully the kind of content you wish to display in this way! Basics: How the text scroll effect works This text scroll effect can be achieved using simple CSS animation properties. To make text… Continue reading How to create infinite text scrolling in HTML, CSS, and JavaScript
How to create cinematic visual effects with AI-powered video tools
This article is for beginners who want to explore how artificial intelligence powered tools can help create stunning video effects with AI, fast. Whether you’re a 3D artist, video editor, animator, or just someone curious about what’s possible, we’ll walk you through how it works, and how to use AI tools to make your videos… Continue reading How to create cinematic visual effects with AI-powered video tools
How to use Lottie animations
What is a Lottie animation file? Learn the ins and outs of what Lottie is and what makes it tick. Where Lottie animations work best: Websites, apps, UI prototypes, videos, etc. You name it, Lottie can add motion without worrying about file size. How to integrate them smoothly: The smartest ways to… Continue reading How to use Lottie animations
How to create a movie poster like Saul Bass
Saul Bass was the original master of stylish movie credit design. In this beginner’s tutorial for Adobe InDesign, we pay tribute to the distinctive Saul Bass style with a movie poster inspired by the classic 1959 film, Anatomy of a Murder. Slick, stylish, and oozing with film noir cool, Saul Bass posters and movie credits… Continue reading How to create a movie poster like Saul Bass
Stretchy variable fonts in After Effects (thanks to expressions)
For the uninitiated: variable fonts are basically special fonts with animatable properties like width, weight and slant. They can open up some very effective animation possibilities, and with the wave of stretched text appearing in Motion Design; variable fonts are very much on-trend. First, a little terminology A new word you’ll come across while working… Continue reading Stretchy variable fonts in After Effects (thanks to expressions)
WooCommerce tip: How to manage discounts based on taxonomies
By default, WooCommerce allows us to exclude products that belong to specific categories from discount offers or to apply discounts only to products that belong to particular categories. However, it doesn’t provide a straightforward mechanism for defining discount rules for other product taxonomies (e.g. brands and tags). Of course, we can use a plugin to… Continue reading WooCommerce tip: How to manage discounts based on taxonomies
How to make a glitter brush in Procreate
Who doesn’t love glitter? A glitter brush can really level up your art, and you can either use it judiciously or be as free as you want. Love adding some sparkle to your artwork? In this quick tutorial, I’ll show you how to make your own glitter brush in Procreate. The steps are simple, and… Continue reading How to make a glitter brush in Procreate
How to create a custom JavaScript sparkle cursor
By the end of this tutorial, you’ll have created something like this: HTML structure Our HTML structure will be very minimal, featuring nothing more than a cursor and a paragraph. Here is all the HTML we need: 1 <div class=”title”>Move your cursor around to see the sparkles</div> 2 <div class=”cursor”></div> Styling the cursor and… Continue reading How to create a custom JavaScript sparkle cursor
How to create a world illustration for Earth Day
Earth Day is a time to celebrate and reflect on the beauty of our planet. If you’re looking for Earth Day inspiration, this tutorial will guide you through how to draw Earth and create a meaningful illustration using Adobe Illustrator. Whether you want to design happy Earth Day images or learn how to draw the… Continue reading How to create a world illustration for Earth Day
How to make a successful YouTube channel
Okay, so we’ve established that it isn’t necessarily easy, but given so many people seemingly manage it—how can you be successful on YouTube? 1. Pick your niche and learn who your audience is A big mistake that new creators can make is trying to appeal to everyone—but without a defined niche, it’s hard to establish… Continue reading How to make a successful YouTube channel
How to create a movie poster using AI with ImageGen and ImageEdit
With the implementation of AI in the creative world, Envato has introduced its own collection of AI features via Envato Labs. In this tutorial, we’ll be creating a movie poster using ImageGen and ImageEdit. With an Envato subscription, you can create eye-catching designs with simple or detailed prompts in just a few minutes. From here,… Continue reading How to create a movie poster using AI with ImageGen and ImageEdit
On-trend stretchy text with After Effects
Let’s begin by taking a look at what we’re working towards: At the core of this technique is the After Effects plugin CC Power Pin. The “CC” means this effect was developed by Cycore, and ships for free with After Effects. It’s an evolved version of the dated “Corner Pin” effect, and has some distortion… Continue reading On-trend stretchy text with After Effects
Everything you need to know about Lottie animations
2. Lottie vs GIF: Which one is better? You might still be wondering why you should switch to Lotties, especially since GIFs are already so easy to use (plus they’ve been around forever). So let’s look at Lottie vs. GIF and break it all down: Smaller file size: While GIFs can be huge and… Continue reading Everything you need to know about Lottie animations