Tutorials

How to Update Webpage Content Based on URL Parameters

A URL (Uniform Resource Locator) is the address of a webpage on the internet. Aside from just pointing to a page, URLs can also contain information that can be used to modify a webpage. For example, we can use a page URL to scroll to a certain section on a page or set a user… Continue reading How to Update Webpage Content Based on URL Parameters

How to organize motion graphics (MOGRTs) in Adobe Premiere Pro

Motion graphic templates are called MOGRT files in Adobe apps. They’re common tools for Adobe After Effects. But picture this: you’re a Premiere Pro user, and you want to work with MOGRTs. In this tutorial, you’ll learn how to organize motion graphics (called MOGRTs) in Premiere Pro. It’s all possible in Premiere Pro. In this… Continue reading How to organize motion graphics (MOGRTs) in Adobe Premiere Pro

Affinity Publisher vs. InDesign: Which is Better?

When it comes to comparing professional desktop publishing software, i.e. Publisher versus InDesign, which one stands out as the top choice? Both offer powerful tools for layout design, typesetting, and preparing documents for print and digital publishing. Being desktop publishing apps, both Adobe InDesign and Affinity Publisher have a lot of the same features and… Continue reading Affinity Publisher vs. InDesign: Which is Better?

How to Build Horizontal Marquee Effects With GSAP

Let me show you how to create infinite marquees with the GSAP JavaScript animation library. This is a common UX pattern I’m sure you’ve seen on plenty of sites. Previous GSAP Tutorials In the past, I’ve shown you how to use GSAP to build different effects like cursor hover effects, a page loading animation effect,… Continue reading How to Build Horizontal Marquee Effects With GSAP

What Font Does Jaws Use?

It’s one of the most spine-tingling movies and posters of all time. A gigantic great white shark rising from the deep with teeth bared, moving toward an unsuspecting swimmer, with the word “Jaws” in bold red text presiding over the scene. It’s no wonder that folks want to know: “What font does Jaws use?” Jaws… Continue reading What Font Does Jaws Use?

How to Create the Transformers Logo in Illustrator

Welcome to this tutorial on learning how to draw the Transformers logo in Adobe Illustrator! Whether you’re a long-time fan of the legendary robots in disguise or just looking to sharpen your design skills, this step-by-step logo design guide will walk you through the process of creating a logo that has captivated fans for decades.… Continue reading How to Create the Transformers Logo in Illustrator

How to Create a Chrome Extension With Vanilla JavaScript

This tutorial will cover how to build a minimalistic homepage Chrome extension, with JavaScript, designed to help users stay productive. A Chrome extension is a program that enhances and customizes the browsing experience for Chrome users. Among the various types of extensions available, homepage extensions are the most popular. These extensions allow users to personalize… Continue reading How to Create a Chrome Extension With Vanilla JavaScript

How to Draw the Flower of Life

If you look carefully, you may notice special patterns in nature—the spiral of a snail shell, the repeating symmetry of a snowflake, the fractal order of flower petals. For thousands of years, people have been ascribing special meaning to them, treating them like parts of a bigger design—a map to the creation of the whole… Continue reading How to Draw the Flower of Life

Create a Sliding Cards UI With HTML & CSS

In this tutorial, we’ll construct a card UI design and discuss different CSS ways for smoothly revealing the content of each card on hover. To see all the effects, be sure to hover over the cards of the upcoming demos! Card Component Card components are a common UI pattern often used for representing blog posts,… Continue reading Create a Sliding Cards UI With HTML & CSS

All You Need to Know About Frames in Figma

Figma frames are one of the main assets for design. They serve as containers for all your design elements. Make the best of them with this 7-point checklist for frames in Figma! What is a Frame in Figma? Figma frames are essentially the containers for your design. In Photoshop, we know them as Artboards. This… Continue reading All You Need to Know About Frames in Figma

What Is Matte Painting in Photoshop?

What You’ll Need What Is Matte Painting in Photoshop? Let’s go back to the days before Photoshop because matte painting has been around for over 100 years. Originally, matte painting was a hyper-realistic backdrop used in photography and film. This technique allowed filmmakers to create detailed environments of cityscapes and landscapes using various methods. Sometimes, the… Continue reading What Is Matte Painting in Photoshop?

Trend Watch: Neo Brutalism Typography

In this article, we’ll take a brief look at neo-brutalist graphic design, its origin, its use in web design, and some awesome neo-brutalist fonts for your designs. After the great Y2K experimental revival of the early 2020s, designers were craving less and more. Neo-brutalist graphic design entered the chat, first appearing in website design and… Continue reading Trend Watch: Neo Brutalism Typography

Affinity Designer vs. Illustrator: Which is Better?

Affinity Designer vs. Illustrator: Features Affinity Designer Affinity Designer boasts a powerful and unique feature set. While it has sought to incorporate many of the most popular features from Illustrator, it has also differentiated itself by taking a fundamentally different approach to the workflow. Crucially, it supports both raster and vector workflows natively. Some of… Continue reading Affinity Designer vs. Illustrator: Which is Better?

What is a Live Shape in Illustrator?

Follow this tutorial and discover how Illustrator Live Shapes work, their properties, and all the tips and tricks you need! They can definitely speed up your design work and generate creative new ideas. If you don’t have the time to learn how to use Live Shapes in Illustrator, make sure to check out Envato Elements,… Continue reading What is a Live Shape in Illustrator?

How to Create a Typing Test Game with Vanilla JavaScript

HTML Structure Okay, let’s get started. The HTML structure will consist of the following elements; A timer button An <h3> tag containing the text to be typed. An input text for typing the words. A reset button that will prompt the user to retake the test once the timer runs out.… Continue reading How to Create a Typing Test Game with Vanilla JavaScript

The Science of Slow Motion: Exploring Frame Rates and Applications

Getting the hang of slow motion and understanding what does frame per second means is essential for filmmakers, videographers, or anyone curious about the art and science of film. The technique relies on the concept of capturing footage at a higher frame rate than playback speed, enabling viewers to see intricate details that normally escape… Continue reading The Science of Slow Motion: Exploring Frame Rates and Applications

Exploring the World of Aspect Ratio

For filmmakers and photographers, choosing the right aspect ratio can affect how a story is perceived by the audience. For web and graphic designers, it impacts how content is laid out on different screens and devices, ensuring that it looks good no matter where it’s viewed. For consumers, understanding aspect ratios can enhance the viewing… Continue reading Exploring the World of Aspect Ratio

Build a JavaScript Dropdown Filter Component With Shareable URLs

In this new tutorial, we’ll learn how to create a JavaScript dropdown filter component where each filtering option will have a unique shareable URL. Once we filter for a specific option, the page URL will change. Then, if we grab that URL and open it in another browser/window, only the associated boxes will appear. What… Continue reading Build a JavaScript Dropdown Filter Component With Shareable URLs

How to Make an RSVP Template

Planning a wedding can be stressful. In this tutorial, you will learn how to create an RSVP card template using Adobe InDesign. I’ll walk you through determining the size of the RSVP cards, what information to include on them, and how to design the wedding RSVP template. What You’ll Learn in This Wedding RSVP Template… Continue reading How to Make an RSVP Template

From Screen to Brand: The Impact of Color Palettes on Movies

From Barbie to Kill Bill, marketing a movie is a daunting task. Some films choose to embrace existing branding, while others choose to downplay it and convert it into something they think the audience will like. Films like Kill Bill target audiences with precision, while others like Drive play their cards close to the chest.… Continue reading From Screen to Brand: The Impact of Color Palettes on Movies

30+ Best Wedding RSVP Templates

Designing your own wedding stationery? Stuck for ideas on how to make a stunning RSVP card? Don’t panic. Today we’ve curated a collection of the best wedding stationery with terrific RSVP templates from Envato Elements. Best Wedding RSVP Templates 1. Wedding Invitation & RSVP Card Templates (PSD, JPG) Invite your friends to join the party… Continue reading 30+ Best Wedding RSVP Templates

Inspiration: Post-Apocalyptic Movies & TV Show Resources

Fans of doomsday shows will love this collection of the best post-apocalyptic movie and TV resources from Envato Elements to help you create your own hair-raising projects. This subscription-based marketplace offers tons of photos, graphic templates, fonts, logos, add-ons, and more, all for one low monthly fee. Let’s dive in. 2. Post-Apocalyptic Movies/TV Show Inspired… Continue reading Inspiration: Post-Apocalyptic Movies & TV Show Resources

10 Best Reputation Management Tools (Our Picks for Creatives)

Do you want to find effective tools for managing your online reputation? In today’s digital world, a positive online reputation is crucial for individuals and businesses. It builds trust, credibility, and loyalty while protecting your brand image, ultimately contributing to long-term success and growth. Studies show that over 70% of consumers trust online reviews as… Continue reading 10 Best Reputation Management Tools (Our Picks for Creatives)

15+ Best Sweatpants Mockups | Envato Tuts+

Need high-quality sweatpants mockups to showcase your designs? Check out this collection of the best blank sweatpants mockups from Placeit and Envato Elements. These subscription-based marketplaces offers tons of mockups, logos, graphic templates, fonts, add-ons, and more, all for one low monthly fee. 11 Best Sweatpants Mockups From Placeit If your Photoshop skills are a… Continue reading 15+ Best Sweatpants Mockups | Envato Tuts+