warning This article covers vibrating colors, which may be difficult to read for people with visual and sensory processing issues. There are very few color illusions as visually striking as vibrating boundaries. This optical phenomenon is a kind of simultaneous contrast that occurs when two highly saturated, complementary colors are close to each other in… Continue reading Vibrating Boundaries: Making Colors POP!
Category: Tutorials
You learn something everyday if you pay attention
How to animate CSS Grid layouts (image grid project)
That’s right—it turns out we can animate some of the CSS Grid properties! Today, we’ll see this behavior in action by building a responsive image grid with hover effects. Taking this opportunity, we’ll also utilize the powerful :has() CSS selector. Let’s get started! Our Image Grid Here’s what we’re going to create—be sure to view… Continue reading How to animate CSS Grid layouts (image grid project)
How to design an anti-design poster
The anti-design movement, as the name implies, is a style that ignores all rules proposed by traditional graphic design. Many artistic movements are considered anti-design, like Dada and De Stijl, due to their strong opinions on politics, society, and art. While some of these anti-design styles are rooted almost 100 years ago, this is a… Continue reading How to design an anti-design poster
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 lettering design in Adobe Illustrator
Learn how to create a hand lettering poster step by step in Adobe Illustrator. Inspired by Dr. Sally Ride, the first American woman in space, this design highlights her famous quote: “The stars don’t look bigger, but they do look brighter.” We’ll walk through each step to transform your sketch into a digital… Continue reading How to create a lettering design in Adobe Illustrator
Why we see ghost images: After-images and successive contrast
In this next article of our Advanced Color Theory series, we’ll discover the science behind “ghost images” and how after-image and successive contrast affect your designs. This article explores physiological and psychological reasons for these intriguing visual effects, based on how our eyes and brain process color and value. Learn how these phenomena not only… Continue reading Why we see ghost images: After-images and successive contrast
Tips to Master Advanced Compositing Techniques
Advanced Photoshop compositing techniques Now that you’ve learn a number of photo manipulation and composition skills in the previous tutorials of this course, let’s use these four main components to practice some advanced Photoshop compositing techniques: a landscape a panda a group of fog layers a color grade This isn’t… Continue reading Tips to Master Advanced Compositing Techniques
How to add finishing touches to a photo manipulation
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this short tutorial, you’ll learn how to add finishing touches to your photo manipulation Photoshop project to create a cohesive look. If you prefer video tutorials, check out the complete Photo Manipulation for Beginners course from the Envato Tuts+ YouTube channel, and if you want to… Continue reading How to add finishing touches to a photo manipulation
How to create light and shadow in photo manipulation
There are several ways to do add light and shadow to your images, and in this tutorial we’ll focus on two easy methods. Method 1: Photoshop layer modes You can use Photoshop layer modes to add fast shadows to the fruit in our example image with just a default round brush. Method 1: Photoshop layer… Continue reading How to create light and shadow in photo manipulation
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 match saturation in photo manipulation
Color saturation in Photoshop is a subtle setting, but an important one. In this image, for example, the colour of the strawberries looks almost radioactive, and the bananas should be much paler. Step 1 To remedy these issues, create a saturation check layer, which is a Selective Color adjustment layer right at the top of… Continue reading How to match saturation in photo manipulation
How to match contrast in photo manipulation
Values are how light or dark something is independent of color. We control the values by changing the contrast. Step 1 First, create a value check layer by making a new layer and filling it with 50% gray. Now, set the Layer Mode to Color. This will give a true black and white view of… Continue reading How to match contrast in photo manipulation
How to match color in photo manipulation
Trying to guess things like color, contrast, and saturation by eye when working in Photoshop isn’t the best option. Instead, create “color check” layers that simplify your image so you can pinpoint and adjust the different settings more precisely, without having to guess. Step 1 Create a new layer at the top of your layer… Continue reading How to match color in photo manipulation
How To Create a Photoshop Composite
In this example, we are going to create a composite image in Photoshop, showing a bottle made from fruit. Find the resources used for this course in the following collection: Take one of the twisting splashes of milk you’ve extracted from the photo source and place it above the bottle. Hit Control/Command-T to enter transform… Continue reading How To Create a Photoshop Composite
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 use compound shapes in Affinity Designer
Let’s say you’ve created a couple of shapes in your design. They’re all separate but are part of the same structure. In that scenario, modifying each shape individually to produce a more complex design would be a nightmare. Compounding the shapes, on the other hand, will work wonders. You’re basically making one shape out of… Continue reading How to use compound shapes in Affinity Designer
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
All about the Jurassic Park logo: Its history and how to recreate it
About Jurassic Park Jurassic Park is a sci-fi media franchise based on the plot of the original Michael Crichton novel of the same name. Most importantly, the term refers to a series of themed movies and logos. The name Jurassic Park and the story of cloned dinosaurs have also featured in many documentaries, literature, video… Continue reading All about the Jurassic Park logo: Its history and how to recreate it
How to Extract Images for Photo Manipulation
Want to know how to extract an image in Photoshop? Let’s go to the first method we recommend: The Object Selection Tool in Photoshop. Method 1: Use the Object Selection Tool in Photoshop Step 1 Choose the Object Selection Tool and click on the object you want to select. This method works on busy backgrounds,… Continue reading How to Extract Images for Photo Manipulation
How to Find and Prepare Images for Photo Manipulation
How to Prepare Images Whether your assets are stock photography, 3D assets, or Gen AI, the ways in which you edit and composite them are all going to be the same, so let’s jump right into preparing the images. Although I don’t recommend Generative AI to make any creative decisions, I do use the generative… Continue reading How to Find and Prepare Images for Photo Manipulation
What is symbolism in film?
Symbolism is all about using objects, characters, or colours to represent ideas or concepts. In film, this means filmmakers can get across complex themes and emotions without having to state them explicitly. Symbols can be universal, e.g. how a heart might symbolise love, or they can be specific to a particular film or director’s style.… Continue reading What is symbolism in film?
Sustainable Web Design: How to Reduce Your Website’s Carbon Footprint
We all know the internet is a big part of our lives. But have you ever thought about its environmental impact? Every click, video stream, and even email sent uses energy. And when you multiply that by the billions of people online, it adds up to a pretty hefty carbon footprint. That’s why more and… Continue reading Sustainable Web Design: How to Reduce Your Website’s Carbon Footprint
Cartoon Effects in CapCut: The Ultimate Guide
You’re creating a video to share with your social networks. And you want to add cartoon effects. But there’s a problem – you’re not a professional designer, or perhaps you don’t have access to advanced animation apps. So what are your options? In this tutorial, you’ll learn all about video cartoon effects in CapCut. Thanks… Continue reading Cartoon Effects in CapCut: The Ultimate Guide
How to Use Swatches in Affinity Designer
What Are Color Swatches? Color swatches are predefined color samples stored within a design software program like Affinity Designer. They act like a handy color library that helps you maintain consistency and efficiency in your designs. Differences Between Palettes in the Swatches Panel Affinity Designer’s Swatches panel offers three options for adding color palettes: Add… Continue reading How to Use Swatches in Affinity Designer