Tutorials

How to Use the Affinity Designer Corner Tool

Frequently Asked Questions About the Affinity Designer Corner Tool Let’s dig into a couple of questions you may have about the Affinity Designer Corner Tool. Do I have to click on each individual node to modify that spot? Yes! If you want to alter the line on a specific point, you need to click and… Continue reading How to Use the Affinity Designer Corner Tool

How to Use the Pen and Node Tools in Affinity Designer

Affinity Designer is a popular graphic design app that offers a wide range of tools and features for vector design. In this tutorial, we will cover the basics of using the Pen and Node Tools. We’ll also provide tips and techniques for mastering these tools and creating professional-looking designs. If you’re a beginner who wants… Continue reading How to Use the Pen and Node Tools in Affinity Designer

Node-Free Motion Graphics in DaVinci Resolve

I expect you want to do one of two things: You want your vision to move alongside your motion graphics You just want a motion graphics overlay So let’s get straight into these two workflows! 1. Bring Motion to Your Sequence Here in Resolve you’ll see I have a project lined up… Continue reading Node-Free Motion Graphics in DaVinci Resolve

Cancel Adobe? Best Alternatives for Designers

Thinking about canceling your Adobe subscription to save money and protect your privacy? You’re not the only one! Here you’ll find the best design software similar to Adobe. Luckily, whether you’re a professional designer or a keen hobbyist, it’s possible to move on from Adobe’s design tools and save some cash while you’re at it.… Continue reading Cancel Adobe? Best Alternatives for Designers

Cancel Adobe? Best Alternatives for Designers

How to Use the Move Tool in Affinity Designer

The Affinity Designer Move Tool (V) is analogous to the Select Tool in Adobe Illustrator. As the name suggests, it allows you to select objects on your page. You’ll identify it as the black arrow icon at the very top of the toolbar. Don’t confuse the Move Tool (black arrow) with the Node Tool (white arrow),… Continue reading How to Use the Move Tool in Affinity Designer

How to Create an Artboard in Affinity Designer

In this tutorial about Affinity Designer 2, we’ll learn what an artboard is and how you can easily add and customize one. We’ll also go over how to add reference images, which we’ll use later in the course. If you like design video tutorials, check out the complete Affinity Designer 2 course from the Tuts+… Continue reading How to Create an Artboard in Affinity Designer

Affinity Designer 2: Get To Know The Interface

Affinity Designer 2 is a great tool if you need to edit vector and raster graphics in a single app, open Adobe files, and create on the go in the iPad app. It’s a great alternative to Adobe Illustrator, and there’s no subscription required, only a single payment. If you want to know more about… Continue reading Affinity Designer 2: Get To Know The Interface

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

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