Category: Tutorials

You learn something everyday if you pay attention

How to create a coloring book with AI

Creating coloring book pages has never been easier thanks to AI-powered design tools. In this tutorial, and transform text prompts into printable line art using Envato’s GraphicsGen—no drawing skills are required! Whether you’re targeting adults seeking intricate, therapeutic designs or children looking for fun, simple illustrations, this tutorial will help you master the process in just… Continue reading How to create a coloring book with AI

How to create a Liquid Glass effect with SVG filters

In June 2025 Apple revealed its new visual language, along with the beta launch of iOS 26. Liquid Glass was the name given to their “new and expressive material”, bending light, and distorting UIs. It received a mixed response, and just weeks after its launch we’ve seen Apple dial down their glassy effects to some… Continue reading How to create a Liquid Glass effect with SVG filters

Published
Categorized as Tutorials Tagged

After Effects timeline tips every designer should know

For many, the After Effects timeline can appear quite odd the first time you see it. It doesn’t appear like a traditional editing timeline you might see in Premiere Pro or Final Cut. And it isn’t a node-based editor either, like you see in Davinci Resolve. Instead, After Effects treats everything on the composition timeline… Continue reading After Effects timeline tips every designer should know

Vibe Coding in After Effects: We created an AI plugin with NO coding experience!

It’s now easier than ever to make changes and add features to After Effects with a little help from AI! After a little investigation, we’ve tracked down the best tools to create our own expressions and plugins with AI, with absolutely no coding experience. Recently we ran an article delving into vibe coding (Using an… Continue reading Vibe Coding in After Effects: We created an AI plugin with NO coding experience!

Comprehensive guide: How to use Procreate for tattoos

1. Gear up: Set up the hardware & software Here’s the hardware and software you’ll need for your tattoo designs in Procreate. Hardware Get the most responsive gear you can afford, because that’s what’ll give you the best performance and precision when it comes to digital tattoo sketching. Here are my recommendations:  iPad Pro… Continue reading Comprehensive guide: How to use Procreate for tattoos

After Effects keyboard shortcuts: Cheat sheet for animators

Here we’ll share our favorite keyboard shortcuts that have made After Effects animation smoother, faster, and honestly way more fun. Whether you’re a designer stepping into motion for the first time or an illustrator bringing characters to life, these are the cheat codes you’ll wish you’d known sooner. 1. Getting started with After Effects keyboard… Continue reading After Effects keyboard shortcuts: Cheat sheet for animators

DaVinci Resolve AI workflow: Smart editing, color grading, and audio enhancement

DaVinci Resolve is a bit of a video editing beast! And its latest AI features take things to a whole new level. This isn’t just basic automation, the AI feels like it actually gets what editors are trying to do. It cuts scenes, tracks movement, isolates voices, matches colors and all the stuff that usually… Continue reading DaVinci Resolve AI workflow: Smart editing, color grading, and audio enhancement

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

Create a color contrast checker with HTML, CSS, and JavaScript

By “color contrast” we’re referring to the difference in brightness between foreground and background colors. In simpler terms, it defines how easy it is for the human eye to recognize text or images on a coloured background. The Web Content Accessibility Guidelines (WCAG) provide specific recommendations regarding color contrast for text to make web content… Continue reading Create a color contrast checker with HTML, CSS, and JavaScript

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 create a mesh gradient generator in HTML, CSS and JavaScript

What we’re building Here’s the gradient generator we’re going to build. Click the button at the bottom to generate random new mesh gradients! Once they’re generated, you can copy the CSS to recreate the gradients using the background-image property in combination with radial-gradient. Wait, what’s a mesh gradient? Good question. Mesh gradient is the… Continue reading How to create a mesh gradient generator in HTML, CSS and JavaScript

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