Tag: Create

Best Figma User and Usability Testing Plugin

Key Takeaways 👉 UXtweak seamlessly connects with Figma, making it easy to start testing your prototypes without complicated setup. 👉 The plugin provides in-depth analytics, including statistics, heat maps, and funnels, to help you understand user behavior. 👉 UXtweak offers access to a reliable pool of testers, ensuring dependable feedback from your respondents. 👉 The… Continue reading Best Figma User and Usability Testing Plugin

Create a JavaScript tab component with an adaptive stepper UI

In the past, I’ve shown you how to create different tabbed interfaces. Today, we’ll build another responsive JavaScript tab component where the clickable tabs will appear as a stepper component. If you aren’t familiar with stepper components, their primary goal is to improve the user experience by organizing large logical content blocks into smaller sequential… Continue reading Create a JavaScript tab component with an adaptive stepper UI

How to create a dripping paint text effect

What You’ll Be Creating In the following tutorial, you will learn how to create a paint-dripping effect in Adobe Photoshop. I’ll take you through the whole process step by step. If you don’t have the time to make this dripping-paint text, then Envato is the solution. This subscription-based marketplace has thousands of add-ons you can… Continue reading How to create a dripping paint text effect

How to Make Mixed Media Collage Art

Collage art has long been used to create a new meaning or communicate a new perspective using analog and digital materials. In this tutorial, we’ll create a Virgo-themed collage. We all know Virgos for being super organized, detail-oriented, smart, tidy, and clean. We’ll use analog tools, like magazines and scissors, to find objects that are… Continue reading How to Make Mixed Media Collage Art

Create horizontal scroll animations with GSAP & ScrollTrigger

Throughout the upcoming demos which are beginner-friendly, the markup and concept will remain more or less the same; there will be a gallery of images where only the first one will be visible initially. As we scroll, the gallery will become sticky, and at that point, all its images will appear in different ways. Please… Continue reading Create horizontal scroll animations with GSAP & ScrollTrigger

How to Create a Photocopy Effect in Photoshop

Today we’ll look at how to create a photocopy effect in Photoshop. This effect can be created in just a few steps and is completely non-destructive. The best part is you can copy it directly onto as many images as you need. 1. How to Create a Photocopy Effect in Photoshop Step 1 Let’s start… Continue reading How to Create a Photocopy Effect in Photoshop

8 Tips & Strategies On How To Turn Your Hobby Into A Business In 2024

In the modern world, when opportunities for earning money are expanding every day, turning a hobby into a business is becoming more and more realistic. The opportunity to combine doing what you love with professional growth sounds attractive, doesn’t it? With the right monetization strategies, you can not only cover the costs of your hobby,… Continue reading 8 Tips & Strategies On How To Turn Your Hobby Into A Business In 2024

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

Moderated research with dscout

Moderated research helps gather qualitative feedback directly from users. dscout, a research platform, simplifies this process with tools for participant recruitment, live video interviews, and automated data transcription and analysis. This article explores how dscout’s features support moderated user research and compares its effectiveness to other research tool. TABLE OF CONTENTS Does dscout… Continue reading Moderated research with dscout

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

32 Creative Stationery Mockups That Will Make Your Brand Stand Out

The Power of Presentation: How creative stationery mockups elevate your corporate branding! For graphic designers working on corporate branding, a logo and color palette are just the beginning. A truly cohesive brand identity extends to all touchpoints, including the seemingly small detail of business stationery. But how do you effectively showcase your vision for letterheads,… Continue reading 32 Creative Stationery Mockups That Will Make Your Brand Stand Out

The Ultimate Collection of Best Logo Mockups

Imagine your company’s logo is like a handshake. It’s one of the first things people see, so you want it to look good! A logo mockup is like a photo booth for your logo. It shows what your logo would look like on things in the real world, like business cards, t-shirts, or websites. Your… Continue reading The Ultimate Collection of Best Logo Mockups

How to Create the Baldur’s Gate 3 Logo Text Effect

Tutorial Assets You’ll need the following resources to complete this project and create the Baldur’s Gate logo 3D gold text effect: 1. How to Create the Number “3” Shape  Step 1 Let’s get started by launching Adobe Photoshop and going to File > New to open the New Document window. From there, type “Baldur’s Gate Logo”… Continue reading How to Create the Baldur’s Gate 3 Logo Text Effect

How to Create a Meeting Agenda Presentation

Agenda slides can be used as a plan for your presentation. They can give you the structure and help you set the tone for what your audience needs and expects. This is true for any type of agenda, whether a team meeting or a conference agenda. Business Agenda is a premium template from Envato Elements. … Continue reading How to Create a Meeting Agenda Presentation

How to Create a Problem-Solving Google Slides Presentation

At its core, running a business is a problem-solving practice. To conquer challenges, you’ll need team buy-in. It helps to create presentations that highlight problem solution slides. You’ll learn techniques to frame the problem presented and then explore solutions to the problem. (Photo: Envato Elements.) In this tutorial, you’ll learn how to use 7-step problem-solving… Continue reading How to Create a Problem-Solving Google Slides Presentation

How to Create a Wicked Movie Inspired Logo

Tutorial Assets You’ll need the following resources in order to complete this project: 1. How to Make a New Photoshop Document Launch Photoshop and go to File > New to open a blank document. Type Wicked movie logo as the name of your file, set the dimensions shown, and then select Pixels as the Units… Continue reading How to Create a Wicked Movie Inspired Logo

Top 10 Mistakes When Creating User Journey Maps

[unable to retrieve full-text content] Here are the top 10 common mistakes to watch out for when creating user journeys: 1. Not defining clear objectives Creating a user journey without a clear goal is like setting out on a trip without a destination. It’s crucial to know what you’re trying to understand or achieve with… Continue reading Top 10 Mistakes When Creating User Journey Maps

How to Create an “AI Quotes Generator” With OpenAI and JavaScript

In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right will… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript

How to Create an “AI Quotes Generator” With OpenAI and JavaScript

In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript