Glassmorphism is a term from graphic design, referring mainly to user interface elements that look like frosted glass—not simply covering the elements beneath them, but distorting them slightly for a unique, soft effect. But you can also glass-morph photos, using a variety of transparent effects borrowed from the real world. Take reeded glass, for example—it’s… Continue reading How to create a reeded glass photo effect in Photoshop
Tag: effect
How to create a holographic sticker text effect
What You’ll Be Creating In the following tutorial, you will learn how to add effects to text and how to make holographic stickers in Adobe Illustrator. If you don’t have the time to learn how to make holographic stickers, then Envato is the solution. This subscription-based marketplace has over 2,000 Illustrator add-ons you can download without… Continue reading How to create a holographic sticker text effect
How to create a rubber stamp effect in Affinity Photo
Today, we will be learning how to create a rubber stamp texture and design in Affinity Photo. In this tutorial, we will use simple shapes and blending tools to create an authentic-looking stamped texture that is completely customizable. Let’s get started! What you’ll learn in this Affinity Photo tutorial What you’ll need Find more on… Continue reading How to create a rubber stamp effect in Affinity Photo
How to create a neotribal 3D chrome text effect
What is cybersigilism? Cybersigilism is an emerging digital art movement that blends ancient symbology, futuristic design, and cyber-inspired aesthetics. It often incorporates elements of sharp, geometric patterns, bold lettering, and metallic textures, much like the chrome 3D text effect we’re creating in this tutorial. Cybersigilism draws inspiration from mystical symbols, tribal art, and modern technological… Continue reading How to create a neotribal 3D chrome text effect
How to create a scratch card effect with vanilla JavaScript
Let’s begin by taking a look at what we’re creating. By the end of this tutorial, you will have something like this (move your mouse cursor over the scratch panel and watch a uniquely generated code reveal itself): OverView In HTML, the <canvas> element is a powerful tool for directly rendering 2D graphics, such… Continue reading How to create a scratch card effect with vanilla JavaScript
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
2024’s Best Photoshop Actions
In today’s fast-paced world, efficiency is paramount for designers and photographers. Clients demand quick turnaround times and consistent quality, putting pressure on creative professionals to work smarter, not just harder. This is where Photoshop Actions come in – powerful tools that automate repetitive tasks, saving precious time and money. Unleash the efficiency of pre-made edits… Continue reading 2024’s Best Photoshop Actions
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 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
Modernizing LOTO — Prioritizing User Requirements with the Kano Model
[unable to retrieve full-text content] I worked on this project for nearly 2 years at my previous workplace, and although I can’t dive deep into the technical details due to NDAs, the process itself was an incredible learning journey for me. And that’s what we will be focusing on, the journey not the destination. In… Continue reading Modernizing LOTO — Prioritizing User Requirements with the Kano Model
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
Audacity: How to Smooth Out & Clean Up Audio Quality
Audacity stands as a titan in the world of audio editing, offering a vast array of tools for those eager to enhance their audio recordings. This guide, tailored for intermediate users, focuses on how to smooth out and clean up audio in Audacity. It’s an essential read for podcasters, musicians, or any audio enthusiast aiming… Continue reading Audacity: How to Smooth Out & Clean Up Audio Quality
Good design is subjective, contextual, and intentional
Urban planners have been designing for human experiences for nearly 200 years, and UI/UX designers can learn from this. Examples of The Chicago School of Architecture | Photo Credit: Tom Seiple When I finished my graduate degree, I was lucky to find my first job in Chicago. From a very early age, I had always hoped to… Continue reading Good design is subjective, contextual, and intentional
How Serious Is Your Design Practice About Learning?
Today I’m sharing a strategic approach that enables your design practice to learn more from the accessibility-related data you already have. I will again skip the “how to” article formula and dry laundry lists of tactical “do this/don’t do that” mechanics. Instead, I’ll focus on helping you think about WHY you should do things differently… Continue reading How Serious Is Your Design Practice About Learning?
Gooey Cursor Effect | Codrops
The other day I visited Lorenzo Dal Dasso’s fantastic website and had a lot of fun with the cool cursor effect! Of course I had to try it out and see what crazy stuff I could do with this and after having a peek under the hood, I saw that the wonderful duo @ETStudio5 who… Continue reading Gooey Cursor Effect | Codrops
5 Overdone Photoshop Effects and How You Can Improve it
1. How to Add a Lens Flare Overlay in Photoshop Step 1 Let’s start with a classic light leak overlay. The go-to light leak overlay is a blob of color on an empty layer set to Screen. It’s fast but flat. Instead, try using a Gradient Map adjustment layer set to Screen. For a… Continue reading 5 Overdone Photoshop Effects and How You Can Improve it
The UX of Sweetgreen
Sweetgreen seems to have its mind in the right place when it comes to embracing present and future technologies to offer an amazing UX. Image by Sweetgreen. Sweetgreen has come a long way since opening its first Washington, D.C. salad bar in 2007. 15 years have passed, and they are now on track to reach over 200… Continue reading The UX of Sweetgreen
Sketchy Pencil Effect with Three.js Post-Processing
From our sponsor: Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue. In this tutorial, you’ll learn how to create a sketchy, pencil effect using Three.js post-processing. We’ll go through the steps for creating a custom post-processing render pass, implementing edge detection in WebGL, re-rendering the normal buffer… Continue reading Sketchy Pencil Effect with Three.js Post-Processing
How to Change the Color of Clothing in Photoshop
If you want to learn how to change the color of clothes in Photoshop, in this tutorial I’ll show you a very simple method that works for all colors—even for changing a black shirt into a white shirt! What You’ll Learn in This Photoshop Tutorial How to change the color of clothes in Photoshop … Continue reading How to Change the Color of Clothing in Photoshop
3 things to consider before you implement CAPTCHA for accessibility
What are you bothered by the most when you use digital products? For me, it’s e-mail and phone verification, pincode, setting complex passwords and not remembering them… and I especially find one particular thing obnoxious, and it’s CAPTCHA. Completely Automated Public Turing test to tell Computers and Humans Apart (CAPTCHA) is a tool very commonly used… Continue reading 3 things to consider before you implement CAPTCHA for accessibility
3 Essential Design Trends, July 2022
There are a lot of dark, retro vibes trending in website design right now. Although there are still some light projects popping up – including a pastel trend below – a lot of what we are seeing has a quite moody feel. Here’s what’s trending in design this month. Pastel Color Palettes Let’s start… Continue reading 3 Essential Design Trends, July 2022
I’m not a robot (but, are you?)
The case for authenticating humans, reclaiming our identities, and defending against the coming swarm of bots. It’s 2022 and we are living in the opening scene of a dystopian Black Mirror episode. The line between what is real and what is fake has already blurred. The line between who is real and who is fake is now… Continue reading I’m not a robot (but, are you?)
Gestalt psicology for dataviz
Understanding why specific data visualization techniques work better than others may not be so simple. Visual Pattern — Credits: Omar Flores on Unsplash We easily perceive a design that catches our attention, or elements that are out of place, but then we hardly know how to identify and evaluate them accurately, almost as if their effect acts at the… Continue reading Gestalt psicology for dataviz
3 Essential Design Trends, June 2022
Are you bored with some of your current design projects? This month’s collection of website design trends can help break you out of that rut with some fun and funky alternatives. And all of these options are anything but boring. From visual display to technique, these trends present a different set of challenges. Here’s what’s… Continue reading 3 Essential Design Trends, June 2022