How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator

Cowboy Carter, also known as Act II, is the second installment of Beyoncé’s three-act project conceived during the last few years. Since all Beyoncé album covers have something to deliver visually, the latest release features an image of a saddle with a sash that says “Cowboy Carter” in a country & western font, and also… Continue reading How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

In this tutorial, we’ll explore how to generate a engaging bulge effect on text using React Three Fiber. For the past few weeks, I’ve been experimenting with mixing 3D and 2D to create compelling effects. Today, I’ll guide you through replicating this bulge effect on text. To streamline the process and maintain a structured approach… Continue reading Creating an Interactive 3D Bulge Text Effect with React Three Fiber

How to Create a Coffee Cup Mockup

There’s nothing like a fresh cup of coffee in the morning. Learn how to create a coffee cup mockup in Adobe Photoshop. During this tutorial, you will discover how to create a smart object for your coffee logo and apply effects to generate a realistic cup mockup. What You’ll Learn in This Coffee Cup Mockup… Continue reading How to Create a Coffee Cup Mockup

The power of beauty in communicating complex ideas

Can we defend pursuing beauty when communicating science or innovation? When creating visuals to explain complex ideas, cutting edge innovations or new scientific research we often focus on the images’ ability to carry information. But data visualization, infographics or even schematics have a hidden power we rarely discuss: beauty. Obviously not all images are beautiful. As… Continue reading The power of beauty in communicating complex ideas

Tips on How to Design Fiction Book Covers (Ideas & Examples)

Looking for book cover design ideas? You’ve come to the right place. Today, we’ll share some terrific book cover examples and tips on how to make your cover stand out from the pack. How to Design a Book Cover 1. Convey the mood of your book with your cover design. Your reader should know whether your… Continue reading Tips on How to Design Fiction Book Covers (Ideas & Examples)

What Font Does Fortnite Use?

What font does Fortnite use? Discover the answer in this introduction to the Fortnite logo and typography. We’ll also look at some great alternatives to Fortnite fonts that you can download from Envato Elements. What Is the Fortnite Font Name? The Fortnite logo is created using a modified version of Burbank Big Condensed Black, which… Continue reading What Font Does Fortnite Use?

Published
Categorized as Tutorials

40+ Best Signature Fonts | Envato Tuts+

Looking for a good signature font? Check out this list of authentic signature fonts from Envato Elements. For one low monthly fee, this subscription-based marketplace offers tons of fonts, logos, graphic templates, add-ons, and more. Best Signature Fonts From Envato Elements 1. Hagia Cursive Signature Font (TTF, OTF) When you need a cool signature font… Continue reading 40+ Best Signature Fonts | Envato Tuts+

Published
Categorized as Tutorials

Why UI designers should understand Flexbox and CSS Grid

CSS for UI Designer Or bye bye, 12-column grid layout Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. Designers and developers having different… Continue reading Why UI designers should understand Flexbox and CSS Grid

How to Create a Layered Text Effect in Affinity Designer

If you love all sorts of Affinity Designer warp text effects, distorted text effects, or text effects in general, then follow this tutorial and improve your skills while learning to create a retro layered text effect that’s fully editable. Affinity Designer is good at creating an editable text effect, and it might impress you too… Continue reading How to Create a Layered Text Effect in Affinity Designer

What is the Maximalism Graphic Design Trend?

Maximalism in graphic design has evolved over the decades. A style that often comes off as a trend has long endured the battle against minimalist design. In this article, we take a look at the effect it’s had on other design trends and styles and give tips to help you create your own maximalist designs. … Continue reading What is the Maximalism Graphic Design Trend?

Distinguishing between ARIA and native HTML attributes

As a developer, you want to create more inclusive and accessible digital experiences for your users. Great! It’s possible, however, that you might be feeling a bit confused or overwhelmed by the element attributes that can affect the usability for users of assistive technology. ARIA (or WAI-ARIA, Web Accessibility Initiative-Accessible Rich Internet Applications) defines some… Continue reading Distinguishing between ARIA and native HTML attributes

90% of designers are unhirable?

Or why your cookie-cutter portfolio doesn’t cut it and how to fix it Image by Matej Latin (Author) Here’s the harsh truth: I’ve reviewed more than 1,000 portfolios in my design career so far, and I turned 90% of them down because of one thing — the linear design process. By “linear design process” I mean cookie-cutter case studies that… Continue reading 90% of designers are unhirable?

Best WordPress Block Plugins to Extend WordPress (Paid and Free)

There are tons of high quality free and paid WP block plugins that you can download today. WordPress continues to be a leading content management system, powering a significant portion of the web. A key feature that enhances WordPress’ functionality and user experience is its block editor, Gutenberg. Introduced to make content creation intuitive and… Continue reading Best WordPress Block Plugins to Extend WordPress (Paid and Free)

Webflow SEO: Best Practices for Optimizing Your Site

Webflow is, for many, the best no-code tool for building websites. But it’s also a platform that brings the power of SEO into the hands of designers and developers alike. With its robust features, from SSL certificates to custom page slugs and beyond, Webflow equips you to push your site up the search rankings. But… Continue reading Webflow SEO: Best Practices for Optimizing Your Site

How to Draw a Dolphin in Illustrator

Dolphins are intelligent and complex creatures. They use sounds, gestures, and unique signature whistles to communicate and identify each other, making them intriguing and beautiful subjects for drawing. Whether you’re interested in dolphins or simply want to improve your Illustrator skills with beginner-friendly tutorials, this guide to drawing a dolphin is perfect for you. Feel… Continue reading How to Draw a Dolphin in Illustrator

The Best WooCommerce WordPress Block Plugins

Struggling to enhance your WooCommerce store’s appeal and functionality? Ever explored how block plugins could transform your store’s design and user experience? In this article, we’ll cover the role of block plugins in WooCommerce, criteria for choosing the best ones, and introduces top recommended WooCommerce block plugins. There are tons of high quality WooCommerce WP… Continue reading The Best WooCommerce WordPress Block Plugins

What is Envato AI ImageGen?

Envato AI ImageGen is the first feature available on Envato Labs, the testing ground for new AI features that are being created for Envato Elements subscribers. (Hint: be on the lookout for more features soon!) ImageGen is Envato’s new text-to-image generator designed to help Envato Elements subscribers generate unique, high-quality images for their projects using… Continue reading What is Envato AI ImageGen?

Exploring 3D Effects with 2D Optical Illusions

Today we will explore how to create an engaging animation using simple CSS and an animation library, like GSAP, to achieve a 3D effect through basic optical illusions. While many of these animations can be crafted using plain CSS, I prefer utilizing JavaScript (GSAP) for its efficiency, allowing me to produce the desired effects swiftly… Continue reading Exploring 3D Effects with 2D Optical Illusions

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

In this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS units. Hero or full-screen sections are an integral part of UI design. They exist in different kinds of websites, from landing pages to portfolio websites, and aim to grab visitors’ attention… Continue reading Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

Published
Categorized as Tutorials

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

In this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS units. Hero or full-screen sections are an integral part of UI design. They exist in different kinds of websites, from landing pages to portfolio websites, and aim to grab visitors’ attention… Continue reading Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

Published
Categorized as Tutorials

UX leadership is failing, multi-brand design systems, proxies in UX

Weekly curated resources for designers — thinkers and makers. “What is the effect of constant exposure to information on our attention? Who benefits from a dramatic change in our attention, and when and why has this happened? One hypothesis is that companies have created an ecosystem to encourage continual consumption of information, and they profit from our addiction… Continue reading UX leadership is failing, multi-brand design systems, proxies in UX