Category: Tutorials

You learn something everyday if you pay attention

How to use Lotties in Figma

In the following tutorial, I will show you how to create Lottie animations in Figma. We’ll use two colorful designs to exmplify how you can animate in Figma, and then I’ll show you how to go from Figma to Lottie animations. All you need is a free Figma account. If you’re ready to learn how… Continue reading How to use Lotties in Figma

How to create a Lottie loading animation

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

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)

Published
Categorized as Tutorials Tagged

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 extend the background of a photo

Do you want to extend the background of a photo to give your image more breathing room or a different aspect ratio? This quick tutorial will show you how to achieve fast, professional results using the AI tools in Envato’s ImageEdit and the latest features in Adobe Photoshop—no advanced skills required! We’ll cover how to… Continue reading How to extend the background of a photo

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 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 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