Text animation is more than decoration. It controls pace, holds attention, and adds rhythm to the edit. A well-timed word hitting the screen can do more than a fancy transition. Whether you’re making YouTube content, detailed tutorials, product promos, reels, vlogs, or title sequences, good animated typography can make the difference between flat and finished. […]
Read more »
Tagged
I recently came across an old jQuery tutorial demonstrating a “moving highlight” navigation bar and decided the concept was due for a modern upgrade. With this pattern, the border around the active navigation item animates directly from one element to another as the user clicks on menu items. In 2025, we have much better tools […]
SVG animations take me back to the Hanna-Barbera cartoons I watched as a kid. Shows like Wacky Races, The Perils of Penelope Pitstop, and, of course, Yogi Bear. They inspired me to lovingly recreate some classic Toon Titles using CSS, SVG, and SMIL animations. But getting animations to load quickly and work smoothly needs more […]
The SMIL specification was introduced by the W3C in 1998 for synchronizing multimedia. This was long before CSS animations or JavaScript-based animation libraries were available. It was built into SVG 1.1, which is why we can still use it there today. Now, you might’ve heard that SMIL is dead. However, it’s alive and well since […]
Despite keyframes and scroll-driven events, CSS animations have remained relatively rudimentary. As I wrote in Part 1, they remind me of the 1960s Hanna-Barbera animated series I grew up watching on TV. Shows like Dastardly and Muttley in Their Flying Machines, Scooby-Doo, The Perils of Penelope Pitstop, Wacky Races, and, of course, Yogi Bear. Mike […]
Browser makers didn’t take long to add the movement capabilities to CSS. The simple :hover pseudo-class came first, and a bit later, the transitions between two states. Then came the ability to change states across a set of @keyframes and, most recently, scroll-driven animations that link keyframes to the scroll position. Even with these added […]
DaVinci Resolve is a hugely popular application among video editors. Thanks to its powerful features covering everything from cutting clips to color correction, it has gained a fantastic reputation for helping videographers bring their visions to life. But what really puts the finishing touches on any video project? Transitions. They aren’t just fancy effects. They’re […]
Say you are learning to code for the first time, in Python, for example, which is a great starting point for getting into development. You are likely to come across some information like “a variable stores a value.” That sounds straightforward, but if you are a beginner just starting, then it can also be a […]
Title sequences are essential to any video, as they help convey important information and set the tone for the content. However, creating sequences from scratch can be time-consuming, especially if you’re unfamiliar with After Effects. Luckily, there are free, pre-designed templates available that you can use to create professional titles quickly and easily. These free […]
Julian Opie’s distinct artistic language is recognizable across the world – whether in massive pubic sculpture, digital animations, or paint, his human figures always surprise with how much individuality is conveyed in such reduced forms. His newest work, on view now at Lisson Gallery in New York plays with scale, movement, and three different materials […]
Mastering transition effects can take your videos to the next level. Whether creating an intro, a slideshow, or needing to add flair to your project, understanding and knowing the most popular transition effects is a hugely important area of the video creation process. Transitions are a way to smoothly blend or animate between different elements, […]
Animating from and to display: none; was something we could only achieve with JavaScript to change classes or create other hacks. The reason why we couldn’t do this in CSS is explained in the new CSS Transitions Level 2 specification: “In Level 1 of this specification, transitions can only start during a style change event […]
You can safely use scroll-driven animations in Chrome as of December 2024. Firefox supports them, too, though you’ll need to enable a flag. Safari? Not yet, but don’t worry — you can still offer a seamless experience across all browsers with a polyfill. Just keep in mind that adding a polyfill involves a JavaScript library, […]
Getting a viewer’s attention is a big challenge for video content creators. The key is to get them hooked from the first few frames. An effective title sequence can do that. Titles that feature captivating movements are a must. You’ll also want strong visual effects and typography. Each is an ingredient to keeping viewers interested […]
Premiere Pro is a powerful video editing application popular with professionals and amateurs for creating high-quality video content. One of the many features that make Premiere Pro universally popular is its ability to import templates to speed up the video creation process. Premiere Pro templates are pre-designed project files that can be customized to fit […]
This article is a sponsored by SVGator SVGator has gone through a series of updates since our last article, which was published in 2021, when it was already considered to be the most advanced web-based tool for vector animation. The first step toward more versatile software came with the mobile export feature that made it […]
A well-chosen transition can smoothly guide viewers through the narrative of your video, subtly reinforcing the story’s pace, mood, and theme. This is why selecting the right transition effect is hugely important. This collection shares the best Premiere Pro transitions currently available, including some high-quality free packs. These packs offer a wide range of effects […]
The opening sequence of a video is one of the most important parts of the production. It’s the first thing viewers see and can set the tone for the video content. A well-designed introduction or opener can capture the viewer’s attention and keep them engaged throughout the rest of the video. Creating an opener from […]
Easy 2D animation creation in iPad. Source link
Oscar Juárez shows you how to create a realistic animation of a moving vehicle with help from a 3ds Max plugin. Source link
Coping with with the stress of creativity. Source link
Jonathan shares how to craft the perfect showreel, plus why it’s vital to educate clients on animation. Source link
“We’re able to compete on a global level,” says CEO Rob Hifle. Source link
These colours shouldn’t have worked together. Source link
