2024: More CSS At-Rules Than the Past Decade Combined

Featured Imgs 23

More times than I can count, while writing, I get myself into random but interesting topics with little relation to the original post. In the end, I have to make the simple but painful choice of deleting or archiving hours of research and writing because I know most people click on a post with a certain expectation of what they’ll get, and I know it isn’t me bombing them with unrelated rants about CSS.

This happened to me while working on Monday’s article about at-rules. All I did there was focus on a number of recipes to test browser support for CSS at-rules. In the process, I began to realize, geez we have so many new at-rules — I wonder how many of them are from this year alone. That’s the rabbit hole I found myself in once I wrapped up the article I was working on.

And guess what, my hunch was right: 2024 has brought more at-rules than an entire decade of CSS.

It all started when I asked myself why we got a selector() wrapper function for the @supports at-rule but are still waiting for an at-rule() version. I can’t pinpoint the exact reasoning there, but I’m certain rthere wasn’t much of a need to check the support of at-rules because, well, there weren’t that many of them — it’s just recently that we got a windfall of at-rules.

Some historical context

So, right around 1998 when the CSS 2 recommendation was released, @import and @page were the only at-rules that made it into the CSS spec. That’s pretty much how things remained until the CSS 2.1 recommendation in 2011 introduced @media. Of course, there were other at-rules like — @font-face, @namespace and @keyframes to name a few — that had already debuted in their own respective modules. By this time, CSS dropped semantic versioning, and the specification didn’t give a true picture of the whole, but rather individual modules organized by feature.

Random tangent: The last accepted consensus says we are at “CSS 3”, but that was a decade ago and some even say we should start getting into CSS 5. Wherever we are is beside the point, although it’s certainly a topic of discussion happening. Is it even useful to have a named version?

The @supports at-rule was released in 2011 in CSS Conditional Rules Module Level 3 — Levels 1 and 2 don’t formally exist but refer to the original CSS 1 and 2 recommendations. We didn’t actually get support for it in most browsers until 2015, and at that time, the existing at-rules already had widespread support. The @supports was only geared towards new properties and values, designed to test browser support for CSS features before attempting to apply styles.

The numbers

As of today, we have a grand total of 18 at-rules in CSS that are supported by at least one major browser. If we look at the year each at-rule was initially defined in a CSSWG Working Draft, we can see they all have been published at a fairly consistent rate:

Number of at-rules per year in FWPD. They all have been added at an average rate of 1 per year, with the highest being 4 in 2021

If we check the number of at-rules supported on each browser per year, however, we can see the massive difference in browser activity:

Number of at-rules per year in FWPD visualized by the browsers that implemented them in a colorful vertical bar chart.

If we just focus on the last year a major browser shipped each at-rule, we will notice that 2024 has brought us a whopping seven at-rules to date!

Numbers of at-rules with support in at least one major browsers. There have been seven that gained support in 2024
Data collected from caniuse.

I like little thought experiments like this. Something you’re researching leads to researching about the same topic; out of scope, but tangentially related. It may not be the sort of thing you bookmark and reference daily, but it is good cocktail chatter. If nothing else, it’s affirming the feeling that CSS is moving fast, like really fast in a way we haven’t seen since CSS 3 first landed.

It also adds context for the CSS features we have — and don’t have. There was no at-rule() function initially because there weren’t many at-rules to begin with. Now that we’ve exploded with more new at-rules than the past decade combined, it may be no coincidence that just last week the Chrome Team updated the function’s status from New to Assigned!

One last note: the reason I’m even thinking about at-rules at all is that we’ve updated the CSS Almanac, expanding it to include more CSS features including at-rules. I’m trying to fill it up and you can always help by becoming a guest writer.


2024: More CSS At-Rules Than the Past Decade Combined originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

80+ Best Watercolor Photoshop Actions & Effects 2024

Featured Imgs 23

Whether you’re designing a unique website background, a poster, sketch, or creating an artistic photo composition, using a watercolor Photoshop action can make your design stand out from the crowd.

A watercolor effect it’s not an easy effect to master when created from scratch. It takes a lot of work, time, and skill to achieve a realistic watercolor effect in Photoshop. The good news is that using a watercolor Photoshop action can help you skip the learning curve and experiment with a watercolor effect in just a few clicks!

In this collection, we’re featuring some of the best watercolor Photoshop actions you can use to turn your photos into watercolor art, craft amazing backgrounds, and do much more.

We’ve also collected a set of tips for choosing watercolor Photoshop actions to help you make a decision on what type of action you need.

Top Pick

Ink Flow Animation Photoshop Action

Ink Flow Animation Photoshop Action

This is a unique Photoshop action you can use to create an animated effect using your photos. The action adds a stylish watercolor-themed flowing ink animation to create a stunning visual.

The action is fairly easy to use and comes with a video tutorial to teach you how to apply the effect. It’s ideal for making animated GIF and videos for Instagram as well. You can preview the effect here.

Why This Is A Top Pick

While there are many creative watercolor Photoshop actions on our list, this action deserves more attention as it features an animated effect that’ll make your designs stand out from the crowd.

Watercolor Printing Photo Effect PSD

This is a high-quality watercolor photo effect for Photoshop that enables users to generate stunning, high-quality images with just a few clicks. Offering Smart Object layers, this template offers customizable ease and versatility. By replacing the placeholder, you can add your unique graphics and refine the final composition with adjustment features.

Creative Watercolor Photo Effect PSD

Creative Watercolor Photo Effect PSD

Another watercolor photo effect designed to transform your images into exciting paintings. It offers specific functionalities such as easily editable adjustments, smart object layers, and much more. The effect works best on photos ranging from 1000px to 3000px resolution.

Vintage Painting Photo Effect PSD

Vintage Painting Photo Effect PSD

A high-quality, vintage-style watercolor photo effect for Photoshop. With the ease of smart-object layers, you can transform your graphics magically with only a few clicks. Alongside two PSD files (4500 x 3000 px and 3000 x 4500 px, both 300 dpi), this creative template includes a helpful guide for additional tweaks and finer adjustments.

Watercolor Splash Photo Effect PSD

Watercolor Splash Photo Effect PSD

Explore the world of visual arts with this watercolor photo effect for Photoshop. With this PSD template, you can easily transform your images into high-quality, mesmerizing artwork featuring the unique flair of watercolor splashes. From altering the smart object layers to adjusting the final settings, you get to control every aspect of your design.

Colorful Watercolor Photo Effect

Colorful Watercolor Photo Effect

A dynamic watercolor photo effect for Photoshop for instantly transforming photos. It converts your regular photos into lively caricature effects, adding an energy-filled, oily painting appearance. It’s ideal for photos with a resolution between 1000px and 3000px, and adds a creative touch to various photos.

Watercolor Painting Effect for Photoshop

Watercolor Painting Effect for Photoshop

This is a creative watercolor photo effect that transforms your photos into vibrant, oil-style caricatures. It provides a range of effects including energetic, glamour, portrait, and cartoon styles. Ideal for fashion, lifestyle, or product photos with resolutions between 1000 – 3000 px, it includes a PSD file and help file.

Watercolor Lifestyle Photoshop Action

Watercolor Lifestyle Photoshop Action

A highly useful watercolor-themed Photoshop action designed for photographers and graphic designers. It’s compatible with all photoshop CC versions and greater, offering users an simple way to bring an aesthetic, watercolor look to their photographs with just a click.

Bold Watercolor Photo Effect PSD

Bold Watercolor Photo Effect PSD

This is a stunning watercolor photo effect for Photoshop. In this template, you’ll gain access to a unique, glamorous and realistic watercolor effect that can be applied to any photo or graphic instantly. Provided with clean, well-organized layers and compatibility with 300 DPI projects, it’s extremely user-friendly.

Classic Watercolor Photo Effect

Classic Watercolor Photo Effect

An exceptional Photoshop template that transforms your ordinary photos into beautiful, classic painting-like images in just a few easy clicks. With Smart Object layers for full customization, 2 high-quality PSD files, versatile dimensions, and simple adjustment features to fine-tune your composition, crafting breathtaking designs has never been easier.

Simple Watercolor Photo Effect PSD

Simple Watercolor Photo Effect PSD

This Photoshop template artfully transforms your ordinary pictures into stunning watercolor paintings. Ideal for photos with resolutions from 1000px – 3000px, its filters add a realistic watercolor-themed effect to various image types.

Real Watercolor Photoshop Action

Real Watercolor Photoshop Action

This Photoshop action transforms photos into paintings with a realistic watercolor effect. The action works instantly with just a few clicks. And it comes bundled with brushes and patterns necessary for creating the effect as well.

Water Color Painting Photoshop Action

Water Color Painting Photoshop Action

Once you apply this Photoshop action, you’ll have a hard time telling whether your photo is actually a painting or not. This effect works great for making outdoor landscape photos look like watercolor paintings. It’s compatible with Photoshop CS3 and higher.

Portrait Watercolor Photoshop Action

Portrait Watercolor Photoshop Action

If you’re looking for a watercolor effect to add to your portrait photos, this PS action will come in handy. It features a realistic watercolor effect that’s been specially optimized for portrait photos. It comes in 9 different color variations as well.

Watercolor Effect Photoshop Template

Watercolor Effect Photoshop Template

This is a PSD template you can use to easily apply a watercolor effect to your photos and graphics. The effect is already prepared in the organized layers, all you have to do is replace the photo. No need to apply or configure a PS action.

Watercolor Art – Free Photoshop Action

Watercolor Art - Free Photoshop Action

A free Photoshop action for adding a subtle watercolor effect to your photos. This watercolor effect is simple and most suitable for fashion and wedding photography.

Watercolor from Photo PSD Template

Watercolor from Photo PSD Template

With this Photoshop PSD template, you can add a watercolor effect to any photo with just a few clicks. It comes with organized layers and with smart object layers. It’s simple, easy, and works instantly.

Painto – Watercolor Photoshop Action

Painto Watercolor Photoshop Action

If you want to create abstract art-style watercolor effects for your graphic design projects, this Photoshop action is a must-have for you. It allows you to apply a colorful watercolor effect with only a few clicks.

Simple Watercolor Photoshop Effect

Simple Watercolor Photoshop Effect

This watercolor effect features a subtle and clean look that gives a minimalist painting look to your photos. It’ll work best for interior design, furniture, and modern art-style photography.

Portrait Painting Photoshop Action

Portrait Painting Photoshop Action

This Photoshop action allows you to convert your portrait photos into paintings. It features a fully editable painting effect you can adjust and customize to match your photos to even create a cartoon effect.

Brush Drawing – Free Watercolor PS Action

Brush Drawing - Free Watercolor PS Action

Another free Photoshop action that creates a brush drawing effect. It’s great for giving a watercolor painting-like effect to your portrait photos.

Photo Into Watercolor Photoshop Effect

Photo Into Watercolor Photoshop Effect

This is a convenient, one-click PS template that allows you to effortlessly apply a watercolor effect to your photos, saving time with quick results. Compatible with all Photoshop Versions cc and higher, and every language, all you need to do is replace the smart object with your subject in the provided PSD file.

Watercolor Photo Effect PSD Template

Watercolor Photo Effect PSD Template

This PSD template can make your pictures look like amazing caricatures. This action provides a range of effects such as energetic, oily, painting oil, glamour oil, portrait oil, oil retouch, and cartoon. It’s recommended for photos with 1000px-3000px resolution and can enhance images from fashion, lifestyle, and blogging to moody product shots.

Sketch Watercolor Photo Effect

Sketch Watercolor Photo Effect

This is a versatile PSD template providing a gorgeous watercolor aesthetic for your photos with just a simple click.  It includes a PSD file (3000*2000 px) and a PDF help file and offers easy photo replacement using the smart object feature.

Abstract Oil Painting Photoshop Action

Abstract Oil Painting Photoshop Action

A professional, versatile Photoshop action ideal for photographers and graphic designers. Compatible with all CC Photoshop versions and higher, it effortlessly enhances your photo posts or everyday shots with a simple click to achieve a beautiful aesthetic watercolor look. The pack comes with a .ATN action file, .PAT pattern file, and a helpful .txt file.

Watercolor Canvas Photo Effect

Watercolor Canvas Photo Effect

This is a high-quality watercolor photo effect that comes with a resolution of 5,000 x 3,000 pixels. It’s user-friendly due to easy customization via Smart Object Layers. The background is editable and the PSD file is well-organized with named layers.

Mixed Watercolor Photo Effect PSD

Mixed Watercolor Photo Effect PSD

This PSD template instantly adds a glamorous watercolor effect to your photos or logos. Adjustable to your preference, it works perfectly with 300 DPI projects and even on print. Neatly categorized across layers, it’s user-friendly and easy to navigate.

Painting Photo Effect PSD Template

Painting Photo Effect PSD Template

This is an ingenious PSD template designed to revolutionize your photos with an awe-inspiring watercolor painting effect. It works best with images ranging from 1000 px – 3000 px resolution and adapts well to diverse styles including fashion, lifestyle, blogging, and product shots, ensuring dynamism and flair for your visual content.

Ink Splatter Photo Effect PSD

Ink Splatter Photo Effect PSD

This PSD template will help you craft energetic, oily, and glamorous painting effects for retouching portraits or creating cartoon renditions of your photos. Ideal for photos with 1000 px – 3000 px resolution, it works wonders on a variety of photos, from fashion and lifestyle to moody product shots.

Colorful Watercolor Painting Effect

Colorful Watercolor Painting Effect

This is a creative PSD template designed to revolutionize your photos with its uniquely energetic, caricature, and watercolor painting effects. Especially effective in high-resolution photos, it’s immensely versatile and suitable for various themes including fashion, lifestyle, and product photography.

Watercolor Pro Photoshop Action

Watercolor Pro Photoshop Action

This is an easy-to-use, fully editable Photoshop action created for Photoshop CC 2023+. The PS action features a customizable effect that instantly transforms your photos and designs with a stylish watercolor painting look and feel.

Realistic Watercolor Painting Photoshop Action

Realistic Watercolor Painting Photoshop Action

This simple watercolor painting effect works beautifully with portrait photos. It will allow you to easily transform your photos with a realistic watercolor look and feel. The PS action is compatible with all Photoshop CC versions.

Oil Painter Photoshop Action

Oil Painter Photoshop Action

If you want to change the pace from watercolor designs and add an oil painting look, this PS action is for you. It features a smooth oil painting effect that will make your photos look like a masterpiece.

Watercolor Effect Photoshop Template PSD

Watercolor Effect Photoshop Template PSD

With this Photoshop template, you can instantly add a watercolor look to your photos with just a few clicks. It comes as a PSD template with organized layers. All you have to do is place your photo using the smart objects to apply the watercolor effect.

Watercolor FX – Photo Effect Photoshop Plugin

Watercolor FX - Photo Effect Photoshop Plugin

If you prefer to experiment with effects and craft your own unique watercolor effects, this Photoshop plugin will come in handy. It has all the tools you need to craft different styles of watercolor effects for various types of photos.

Free Wet Watercolor Effect Photoshop Action

Free Wet Watercolor Effect Photoshop Action

This free Photoshop action is ideal for applying simple watercolor effects to your everyday photos. It works best with portrait photos but you can try using it with other photos as well.

Aquarelle Watercolor Painting Photoshop Action

Aquarelle Watercolor Painting Photoshop Action

This is one of the most authentic watercolor Photoshop actions on our list. It allows you to create a watercolor effect in your own photos that will make them look just like a real-life watercolor painting. It works best with landscape photos as well as photos of structures, buildings, and nature.

Contemporary Watercolor Photoshop Action

Transform your photos into realistic watercolor artworks in the drop of a hat with our next photoshop action. The action is specifically designed for absolute beginners, is super simple and fun to use, and allows you to create 30 preset color looks. Creating watercolor photo effects has never been easier.

Iconic Watercolor Photoshop Action

Perfect for creating artworks including, posters, ad campaigns, flyers, and social media posts, our next photoshop watercolor action has something for every purpose under the sun. It’s fully layered which allows you a lot of creative control plus it’s interesting experimenting with all the layers.

Aquarelle Watercolor Photoshop Action

Wanting to achieve that grungy, messy and distressed watercolor look in your pictures? Look no further than the Aquarelle Photoshop action. No professional skills required to create attractive and eye-catching images. Truly a gold standard in the world of watercolor photo effects.

Vintage Watercolor Photoshop Action

With the vintage watercolor photoshop effect, you no longer have to wait years and decades for your photographs to achieve that rough worn-out look. Experiement with the stains, unclear edges and water splatters as you see fit and obtain that retro watercolor-like photograph in a couple of minutes.

Free Watercolor Sketch Photoshop Action

Transform your images into red watercolor sketch drawings using this unique photoshop action without spending a penny. Get your hands on this freebie, use this filter on your pictures and get ready to receive compliments from friends, family, clients and whosoever sees your beautiful artwork.

True Watercolor – Unique Photoshop Action

True Watercolor Photoshop Action

If you’re looking for a smooth and creative watercolor effect for your portrait photos, this Photoshop action is perfect for you. It features a realistic watercolor effect that uses its own brushes and patterns to create the watercolor look and feel. It includes a video tutorial as well.

Abstract Art – Watercolor Photoshop Action

Abstract Art Photoshop Action

Even though this is not a watercolor effect, it actually creates a watercolor-inspired abstract art effect. This action is most suitable for improving portrait photos and selfies. The action uses the Photoshop oil paint filter to create the effect.

Palette – Watercolor Painting Photoshop Action

Palette Photoshop Action

This Photoshop action is ideal for turning your landscape and nature photos into works of art. It allows you to create a watercolor-themed painting effect using your photos. The Photoshop action also lets you choose from 30 different color schemes of the effect.

Jazzman – Free Watercolor Photoshop Action

Jazzman - Free Watercolor Photoshop Action

Jazzman is a free watercolor Photoshop action that features a creative effect that transforms your photos. The effect this action creates is fully customizable. You can adjust and edit the effect using its layers.

Painting – Watercolor Photoshop Action

Painting Photoshop Action

Inspired by traditional painting styles, this Photoshop action comes with a stylish effect that converts your photos into paintings. The effect uses watercolor-themed brush strokes. The effect can be customized to your preference as well.

Modern Art – Watercolor Photoshop Action

Modern Art Photoshop Action

This Photoshop action allows you to create a watercolor-inspired modern art effect. It will be most useful to designers who work with flyers, posters, and banner designs for adding colorful effects to artworks.

MixArt 4 – Watercolor Photoshop Action

MixArt 4 Photoshop Action

You can use this Photoshop action to create a realistic watercolor effect for portrait photos. It features an effect that makes it look like a half-done painting. The action is compatible with Photoshop CS3 and higher.

Oil Paint Animation Photoshop Action

Oil Paint Animation Photoshop Action

Another unique Photoshop action that allows you to create an animated effect. This action features an oil-painting inspired effect. You can use it to even animate your photos to create video clips and GIFs.

3 Free Photoshop Watercolor Actions

3 Free Photoshop Watercolor Actions

This is a collection of 3 creative watercolor Photoshop actions. Each action is designed for enhancing portrait photos and they feature different styles of watercolor effects. All three actions are free to download.

Oil Painting Photoshop Actions

Oil Painting Photoshop Actions

Even though oil painting and watercolor are two separate mediums, you can still use this professional Photoshop action to create a unique watercolor-like effect with your photos and graphics. It includes 10 different effects with various painting-themed designs.

Oil Painting Photoshop Action 2

Oil Painting Photoshop Action 2

Another high-quality Photoshop action you can use to create an authentic painting effect. This action can be applied with just one-click and also allows you to customize the effect to your preference. The action works with Photoshop CS3 and higher.

Real Paint FX Photoshop Action

Real Paint FX Photoshop Action

This is a unique Photoshop action featuring an effect that makes your photos and graphics look as if they were drawn with real-paint. The bundle comes with the effect in multiple formats, including patterns and textures.

Acrylic Painting Photoshop Action

Acrylic Painting Photoshop Action

If you’re a fan of acrylic painting effects, this Photoshop action will allow you to apply that same look and feel to your own photos. The action is fully customizable and comes with a set of brushes as well.

Concepter – Plein Air Sketch Photoshop Action

Concepter - Plein Air Sketch Photoshop Action

Concepter is a unique Photoshop action that completely transforms your photos into outdoor painting-style sketches (plein air). The effect includes 20 color options to choose from, brushes, and patterns as well. The action works with Photoshop CC 2015 or higher.

18th Century Painting Photoshop Action

18th Century Painting Photoshop Action

This creative Photoshop action allows you to add a vintage painting effect to your photos and images. The action creates an editable effect with organized layers and comes with an additional patterns file as well.

Digital Art Creative Photoshop Action

Digital Art Creative Photoshop Action

A creative Photoshop action that’s ideal for making digital art effects to stylize your photos and illustrations. The action comes with 15 different color styles for you to experiment with and it works with Photoshop CS5 and higher.

6 Free Photoshop Oil Painting Actions

6 Free Photoshop Oil Painting Actions

This is a collection of free Photoshop actions that includes 6 unique oil painting effects. The actions are designed to create various styles of effects including digital painting, drawing on canvas, paint strokes, and more.

Free Oil Painting Photoshop Actions

Free Oil Painting Photoshop Actions

A set of creative oil painting Photoshop actions you can use with your creative and commercial projects. This action is most suitable for adding an oil painting effect to your portrait photos.

Mix Art 3 – Watercolor Photoshop Action

Mix Art 3 - Watercolor Photoshop Action

Mix Art is a creative Photoshop action that combines several different styles such as sketch, painting, and watercolor to create a unique effect. This action is perfect for giving an artistic look to your poster and banner designs.

True Watercolor Photoshop Action

True Watercolor Photoshop Action

If you want to add a truly natural watercolor look to your designs and images, this action will come in handy. It features an authentic watercolor effect that’ll make it hard to tell whether it’s a digital image or a real painting.

Vibrant Watercolor Effect – Photoshop Action

Vibrant Watercolor Effect - Photoshop Action

This Photoshop action allows you to create a stylish watercolor effect to make your photos look more creative. It’s especially more suitable for designing photo albums and wedding albums. The action works with Photoshop CS3 and higher.

Vintage Painter Photoshop Action

Vintage Painter Photoshop Action

Another high-quality Photoshop action featuring a natural watercolor effect. This action creates an amazing watercolor effect by using its own patterns and brushes. It’ll make your photos and graphics look like real-life paintings.

Painterly – Free Watercolor Photoshop Action

Painterly - Free Watercolor Photoshop Action

Painterly is an amazing watercolor painting Photoshop action that allows you to transform your images with just one click. This action is unlike any other action on our list and it’s free to download and use.

Retro Illustration Photoshop Action

Retro Illustration Photoshop Action

Want to give a classic old-school look to your modern photos? Then this action is for you. It allows you to add a vintage look to your photos with just one-click by adding a washed out watercolor effect.

Sensation – Watercolor Photoshop Action

Sensation - Watercolor Photoshop Action

Sensation is a stylish watercolor Photoshop action that features a modern art-style effect. This action creates an effect using natural brush strokes to make your photos look like real paintings.

Aquarelleum – Urban Sketch Photoshop Action

Aquarelleum - Urban Sketch Photoshop Action

This Photoshop action is designed for transforming landscape and scenery photos into watercolor paintings. The action comes with 20 different presets for enhancing many different types of outdoor photos featuring nature and urban scenes.

Color Sketch – Artistic Photoshop Action

Color Sketch - Artistic Photoshop Action

Color sketch is a creative Photoshop action that gives your photos an artistic look. It features an effect featuring a mixed design of sketching and watercolor brush strokes. It’s perfect for portraits and poster designs.

Watercolor Artist – Free Watercolor Photoshop Actions

Here we have a set of modern Photoshop actions that allows you to convert your digital photographs into authentic watercolor artworks. These are ideal for a wide range of creative applications.

Creative Watercolor Photoshop Actions

Creative Watercolor Photoshop Actions

This is a creative Photoshop action that allows you to create authentic watercolor effects with your photos and graphics. The action is easily customizable and works with Photoshop CS3 and higher.

Artistic Watercolor Photoshop Action

Artistic Watercolor Photoshop Action

A modern watercolor Photoshop action you can use to add a little bit of artistic touch to your photos. This action will be quite useful in enhancing your portrait photos.

Watercolor Painting Photoshop Actions

Watercolor Painting Photoshop Actions

If you’re looking for a simple Photoshop action to transform your ordinary photos into paintings, then this action will help you get the job done. It creates a fully layered painting effect, which you can easily adjust and customize to your preference.

Plasticum – Polygonal Art Photoshop Action

Plasticum - Polygonal Art Photoshop Action

Plasticum is a unique Photoshop action that creates an artistic effect with polygonal shapes. With a few customizations and color adjustments, you can use this action to create an attractive watercolor effect as well.

Acrylic Photoshop Action

Acrylic Photoshop Action

Another professional Photoshop action featuring an acrylic painting effect. This action is most suitable for adding an additional effect to your portraits. It works with Photoshop CS3 and higher.

Free Glass Painting Photoshop Actions

Free Glass Painting Photoshop Actions

This free Photoshop action creates a unique glass painting effect. It includes 2 different actions that create non-destructive and editable effects.

Free Oil Painting Photoshop Actions 2

Free Oil Painting Photoshop Actions 2

Another set of Photoshop actions featuring oil painting effects. This pack also includes creative Photoshop actions you can use to add a realistic painting effect to your photos.

Photo Painter Photoshop Actions

This is a bundle of 5 different Photoshop actions that includes different actions for transforming many types of images, graphics, and designs into artworks. The actions feature unique effects that will make your design look like watercolor and hand-drawn paintings.

ModernArt 4 Photoshop Action

This is another unique watercolor Photoshop action that blends the effects of a painting with your real-life photos for achieving the perfectly artistic look. Getting this effect to work is as simple as brushing over the areas for applying the effect and playing the action.

Perfectum 2 – Watercolor Artist Photoshop Action

One of the most attractive features of the watercolor effect is how it adds more vibrance and color to your designs and photos. This Photoshop action helps you achieve that with its colorful one-click process. It also includes a video tutorial on how to customize the effect as well.

Miniaturum – Watercolor Sketch Photoshop Action

Miniaturum is another professional Photoshop action that creates a realistic watercolor sketch effect. This action is best used with your landscape and outdoor photos. But it will also work well with portraits as well. The best part is this action is that it’s compatible with Photoshop CS3 and above.

 

ModernArt 3 Photoshop Action

This Photoshop action is designed specifically for modern portraits and street photos. The effect adds a watercolor effect with a slightly modern touch for giving your photos a mixed look full of both artistic and modern elements.

Perfectum – Vintage Watercolor Photoshop Action

When it comes to watercolor effects, most Photoshop actions try to make your designs look too much like a painting. This effect, however, is not one of those PS actions. This effect gives an authentic look to your artworks and designs to make them look like true watercolor and pencil art. The effect is also customizable and features 20 color presets and options.

8 Watercolor and Acrylic Painting FX

A bundle of watercolor effects. This pack comes with 8 different Photoshop actions featuring watercolor effects and acrylic painting effects. It includes textures made with real watercolor paintings. Each action creates effects with non-destructive layers so you can easily edit the effect to your preference.

Creative Watercolor Action

This creative watercolor Photoshop action comes with 5 different color options for using with different types of your designs and artworks. The effects mix watercolor and photo effects to give a unique look to your images. The actions are compatible with Photoshop CS3 and above.

Watercolor and Pencil Action for Photoshop

An accurately designed Photoshop action that allows you to transform your portrait photos and designs into pieces of art. This action has been crafted by a professional designer to make it as authentic as possible. The effect will give your photos an artistic watercolor painting look like none other.

Modern Watercolor Photoshop Action

This is a watercolor Photoshop action that will work with almost any type of an image or design. It simply adds a basic watercolor effect to your designs to specific areas of your preference. All you have to do is brush over the areas you want to apply the effect and play the action.

Modernum – Watercolor Art Photoshop Action

Modernum Photoshop action creates a unique watercolor effect full of color and vibrance. The effect features a modern design and even allows you to customize it with using 10 different colors presets and other options.

Papyrum – Vintage Grunge Photoshop Action

If you’re looking for a Photoshop action to give your designs an old-school vintage art look, this action will come in handy. It features a watercolor effect that gives a grunge like vintage look to your designs and photos. The action supports 20 colors presets and generates the effect in organized layers.

Palette Knife Photoshop Action

This Photoshop action is truly one of a kind. It transforms your photos and graphic designs into palette knife artworks. The amazing part is how accurate and realistic this effect really looks. The effect is also fully editable to your preference.

Canvas Photoshop Action

Another simple watercolor Photoshop action that creates a canvas-like effect to make your designs look more like authentic paintings. The effect can be easily customized and it even comes with a tutorial video. The action is compatible with Photoshop CS3 and better.

Impressionist Photoshop Action

If you’re looking for a more artistic watercolor effect, this is the best Photoshop action you can use. It completely transforms your photos into paintings by giving them a realistic look. Although, it may not work with all types of photos, especially family and group photos.

Ultimatum 2 – Oil Knife Painting Photoshop Action

Watercolor and oil paintings have a close relationship. This Photoshop action is a one that seems to do justice for both. This action features an oil and knife painting effect that gives an amazingly colorful look to designs and photos. It comes with 20 colors presets.

Posterum – Grunge Painting Photoshop Action

This watercolor Photoshop action seems to work well with object and product based photos. It adds a natural watercolor effect to your photos that will wow your clients and audience.

Uniqum – Sketch Painting Photoshop Action

Uniqum is Photoshop action that comes with a mix of both a sketch and painting effect. It adds a unique look to your photos with a mix of sketch and painting to give them an authentic and unfinished look. The effect is fully customizable with adjustment layers and it includes 10 color presets as well.

Sketch Art Photoshop Action

Even though this Photoshop action creates a sketch art effect, it also seems to add certain watercolor painting-like effect to photos as well. You can use this Photoshop action to create unique portrait photo designs, backgrounds, textures, and more.

Artista – Mixed Media Art Photoshop Action

Is it a watercolor painting? Digital art? Or a real photo? No one will be able to tell the difference once you apply this effect to your photos. This Photoshop action combines lots of graphical elements to create a unique artistic effect that will make your designs look more original.

Ultimatum – Digital Art Photoshop Action

This is technically not a watercolor Photoshop action, but the effect it creates is truly original and it will definitely be helpful for your design work. The one-click Photoshop action creates a unique effect that will make your photos look like digital artworks.

Photoshop Watercolor Brushes Set

45 Watercolor Brushes

Create a unique design and get fun when you paint. You can use these brushes to realize your wildest ideas in design. Brushes are perfect for creating posters, branding and packaging, business cards, logo design, invitations, social media design, greetings cards, pattern design and more.

Cloudy Watercolor Decorations Set

Cloudy Watercolor Decorations Set

The artistic collection includes 40 brushes for Photoshop and 9 bloomy vector illustrations, and we are sure you will have lots of fun having them on your invitations, stationery, cards, t-shirts and so much more!

Premio – Watercolor Photoshop Action

photoshop watercolor effects

Here we have Premio, a Photoshop Action helping you transform your photos into a watercolor masterpiece. It runs perfectly on both PC and Mac and comes with a video tutorial to help you make the most of the watercolor effect.

Dry Brush Watercolor Photoshop Action

photoshop watercolor effects

For a strong and vibrant watercolor effect, you can’t go wrong with the Dry Brush collection of watercolor Photoshop actions. Featuring three individual filters that can be applied to your images instantly with drag and drop functionality, it promises a realistic look that can be used with any kind of photo.

Mixart – Photoshop Watercolor Effects

photoshop watercolor effects

Here we have a series of fully layered and easy-to-use watercolor Photoshop actions that are compatible with Photoshop versions CS3 and higher and feature a non-destructive workflow, plus full supporting documentation to make editing a breeze even if you have no design experience.

Art Watercolor Photoshop Action

photoshop watercolor effects

Next in our selection of the best watercolor Photoshop actions is this super professional action that will turn any photo into a stunning watercolor masterpiece in a single click, and comes with a range of color effects, background textures, and black and white control options to help you achieve the perfect result.

Architecture Watercolor Photoshop Action

photoshop watercolor effects

If you’re looking for a brilliant watercolor Photoshop action to bring your architectural sketches to life, look no further. This amazing Photoshop action has been specifically designed as an architectural design tool and features fully editable layers with customizable colors and textures.

4 Tips for Choosing Watercolor Photoshop Actions

Before you start browsing our collection of watercolor actions, be sure to follow these tips to find the best Photoshop actions for your project.

1. Different Types of Watercolor Photoshop Actions

There are many different types of watercolor Photoshop actions you can use to create various effects and designs. For example, there are actions that create oil painting effects, grunge watercolor effects, sketch effects, and much more.

Depending on the style of the watercolor effect you want to create in your designs, you’ll have to be careful to pick the right actions for your images and illustrations.

2. Pick the Right Action for Your Designs

Picking the right action for your design is also a challenge when it comes to watercolor actions. Mostly because different watercolor actions are made for different types of images and photos.

You won’t be able to use the same Photoshop action to add a watercolor effect to a portrait photo and turn an ordinary landscape photo into a watercolor painting. You’ll need to find the appropriate action for each design.

3. Check for the Additional Resources

A Photoshop action alone can’t create an authentic watercolor effect. Usually, it requires many additional files such as unique patterns, textures, and brushes that aren’t available on Photoshop by default.

In such cases, your Photoshop action files will come bundled with additional resources. Make sure to install these extra files as well. Otherwise, your watercolor action won’t work as intended.

4. Is the Effect Customizable?

The most important feature to look for when downloading Photoshop actions is to check to see whether the effect is customizable. You should be able to customize the colors and adjust the strength of the watercolor effect after applying it to your photos.

Check to see if your Photoshop action creates a non-destructive effect with adjustment layers for easier customization.

Looking for cool backgrounds? Check out our watercolor background textures collection for more.

Designing for Armistice, Remembrance, and Veterans Day: Tips & Resources

Featured Imgs 23

Designing for Veterans Day requires a thoughtful approach to honor those who have served and sacrificed. And the designs that accompany them should reflect that sentiment.

In this post, we’ll explore tips and resources to help you craft respectful, poignant designs for these important days of remembrance. Whether you’re creating posters, social media graphics, or event materials, it’s essential to strike the right balance between visual impact and meaningful messaging. These templates will help you achieve that goal.

We also included a few tips to help you create materials that not only catch the eye but also evoke a sense of honor and gratitude. Have a look.

Veteran Day Flyer Templates Set

Veteran Day Flyer Templates Set

This template kit offers easy-to-customize layouts that are well-organized and designed for Veterans Day events. With separate layers for texts, images, and graphics, these templates ensure flexibility and quality. They are perfect for flyers, posters, and Instagram posts as well as stories.

Bold Veterans Day Flyer Template

Bold Veterans Day Flyer Template

Highlight your Veterans Day celebration with these bold flyer templates. This easily editable template is designed to effortlessly deliver your information to your audience. Available in AI and EPS formats, the package includes flyer-sized A4 templates, Instagram post, and story templates.

Simple Veterans Day Flyer Template

Simple Veterans Day Flyer Template

This flyer template is ideal for promoting any event or business on Veterans Day. The design is uncomplicated, ensuring high-quality color output and aesthetic appeal. This ready-to-print A4 size flyer comes with well-organized layers permitting easy customizations in color, image, text, and elements.

Minimal Veterans Day Flyer Template

Minimal Veterans Day Flyer Template

An elegantly streamlined flyer template for Veterans Day. This template, fully editable and available in both AI and PSD files, is meticulously organized with high-quality resolution (CMYK 300 DPI). The print-ready format, sized at 8.27″ x 11.69″, maintains a 100% vector design.

US Veterans Day Flyer Template

US Veterans Day Flyer Template

A user-friendly flyer template that allows easy design and customization. Its package includes PSD and Ai files with a flyer size of 8.27×11.69 inches. It features a fully layered Ai & PSD file that is customizable, editable, and print-ready at a resolution of 300 DPI.

Creative Veterans Day Flyer Template

Creative Veterans Day Flyer Template

This is an adaptable and professionally designed flyer template available in both PSD and AI formats. With its A4 size and 300 DPI CMYK ready-to-print quality, you can conveniently personalize it, tweaking text, images, and colors as needed.

Modern Veterans Day Flyer Set

Modern Veterans Day Flyer Set

A collection of easy-to-customize templates featuring a contemporary design. Included are 3 Adobe Illustrator files (Ai) and 3 Photoshop files (PSD) that create flyers and Instagram posts and stories. They offer adjustable layers and are ready for both print (300 DPI) and social media (72 DPI).

Veterans Day Event Flyer Template

Veterans Day Event Flyer Template

Spotlight your Veterans Day celebration with this military-themed flyer template. Ideal for any armed forces commemoration or memorial events, it’s adaptable for community leaders or military establishments. Available in easy-to-customize Illustrator Ai, Photoshop PSD, and Vector EPS formats, this flyer, poster, or banner template facilitates the promotion of respect and recognition for our valorous veterans.

US Veterans Day Celebration Flyer & Poster

US Veterans Day Celebration Flyer & Poster

This is an easy-to-customize flyer template, perfect for planning your event. The package includes both PSD and Ai files, with a flyer size of 8.27×11.69 inches. Fully layered and editable, it accommodates an A4 artboard size.

Veterans Day Flyer & Poster Template

Veterans Day Flyer & Poster Template

This is a versatile flyer template perfect for honoring military heroes in commemorative events and memorial services. Available in Illustrator Ai, Photoshop PSD, and Vector EPS formats, it lets you create dynamic posters or flyers. The template uses A4 size in CMYK color space.

Vintage Veterans Day Flyer Template

Vintage Veterans Day Flyer Template

This vintage Veterans Day flyer template makes creating a nostalgic, patriotic design simple and easy. The dimensions of this PSD file are 8.27 x 11.69 inches, including bleeds, and it comes with a high print-ready resolution of 300 dpi CMYK. Offering editable text, changeable colors, and well-organized layers.

Unique Veterans Day Flyer Template

Unique Veterans Day Flyer Template

A beautifully designed, easy-to-customize flyer template for Veterans Day. It comes as a well-organized file, facilitating a seamless design experience. Specifications include Ai CS 6, CS 3, and Eps Files, size of 8.27 x 11.69 inches with bleeds, a resolution of 300 dpi CMYK that’s print-ready, editable fonts and text, and easy-to-change colors.

Red & Blue Veteran Day Celebration Flyer Set

Red & Blue Veteran Day Celebration Flyer Set

Highlight your Veterans Day event with this beautiful flyer template kit. This set comes with easy-to-edit templates compatible with Adobe Illustrator and Photoshop. Graphics, text and images are separated into different layers for easy customization.

Classic Veteran’s Day Flyer Template

Classic Veteran's Day Flyer Template

An ideal choice for all veteran-related events or occasions. It comes with a well-organized, customizable PSD and Ai files which are user-friendly. The template has an A4 artboard size and is CMYK-ready for printing.

Veterans Day Flyer and Poster Templates

Veterans Day Flyer and Poster Templates

This template kit offers a collection of minimalistic and professional designs suitable for an array of uses, including promotional events, invitations, businesses, and more. With four flyer and two poster formats available, these templates are easily editable and well-structured, allowing for customizable and efficient use.

Veteran Day Vector Poster Templates

Veteran Day Vector Poster Templates

An excellent template kit designed specifically for Veterans Day announcements. The package includes a single-sided A3 high-res flyer template in both .ai and .eps formats, which is also mirrored in Instagram-friendly story and feed sizes. The templates are customizable in text and color, ensuring your message is presented just the way you want.

Stylish Veterans Day Flyer Template Set

Stylish Veterans Day Flyer Template Set

This is a modern, professionally created flyer template that fits a broad range of projects. Ideal for various businesses, agencies or corporations, it also works for other promotional publishing. The set includes an A4 sized flyer and Instagram post and story sizes. Editable with text tools, the set features organized layers, CMYK 300 DPI, only using free fonts.

Risograph Veterans Day Flyer Set

Risograph Veterans Day Flyer Set

This flyer template kit is perfect for promoting your events and campaigns. This kit includes a unique flyer template, as well as Instagram and Facebook post templates to improve your social media reach. The file is fully customizable with separated text, images, and graphic layers.

Free Veterans Day Templates & Graphics

Free Veterans Day Flyer Template

This simple yet professional flyer template is ideal for creating a modern Veterans Day flyer for your events. It comes in PSD format with fully editable elements, including editable text, colors, and backgrounds.

Free Veterans Day Invitation Template

You can use this free template to design the perfect invitation for Veterans Day-related events and conferences. The template has a simple design with an illustration of a soldier and editable text.

Free Modern Veterans Day Invitation

This Veterans Day template is also designed for creating invitations for your events. It features a classic-themed design with customizable fonts, colors, and placeholders for images.

Free Veterans Day Instagram Post Template

You can use this free template to create a bright and colorful Instagram post to celebrate Veterans Day with your followers. The template is available in PSD format and it’s easily customizable.

Free Veterans Day Instagram Posts Set

This bundle has multiple Instagram post layouts to help you find the perfect design to celebrate Veterans Day. It includes 5 different post designs for you to choose from and they are also fully customizable.

10 Tips for Designing for Veterans Day

1. Use Patriotic Colors

Incorporate the traditional patriotic color palette of red, white, and blue. These colors are strongly associated with the American flag and help immediately convey the theme of Veterans Day. Keep the colors balanced and respectful, avoiding overly bright or playful tones.

2. Choose Respectful Imagery

Use images that honor veterans, such as flags, military personnel, or memorial symbols like stars or eagles. Be mindful of selecting images that reflect dignity and respect for the service and sacrifice of veterans, avoiding anything too commercial or trivial.

3. Focus on a Minimalistic Design

Veterans Day designs should be clean, focused, and respectful. A minimalistic approach ensures the design is dignified and easy to read. Too many flashy elements or busy designs can detract from the significance of the message.

4. Use Strong Typography

Opt for classic, bold, and clear fonts. Serif fonts often evoke a sense of tradition and formality, making them a good choice for Veterans Day materials. Keep the text easy to read and avoid overly decorative or casual fonts that might undermine the seriousness of the occasion.

5. Add a Personal Touch

Incorporate personal stories, quotes from veterans, or powerful statements about honor, duty, and sacrifice. This can create an emotional connection and enhance the impact of your design. Adding a meaningful quote is a great way to make the design more thoughtful and inspiring.

6. Incorporate Symbols of Remembrance

Consider adding symbols like poppies (widely used to honor fallen soldiers) or military medals to your designs. These elements can help convey a message of remembrance and respect. Ensure they are used appropriately and with an understanding of their significance.

7. Balance Text and Imagery

Ensure your design strikes a balance between text and imagery. Veterans Day designs should deliver a clear message while also giving visual prominence to images of veterans, the American flag, or military symbols. Avoid overcrowding your design with too much text.

8. Design for Accessibility

Ensure your Veterans Day designs are accessible to all audiences. Use high-contrast colors for text and background, readable font sizes, and clear visuals. This will ensure that your message reaches as wide an audience as possible, especially on social media platforms.

9. Avoid Commercialization

Veterans Day is about honoring service and sacrifice, so avoid overly promotional or sales-driven messaging in your designs. Focus on gratitude, remembrance, and the values that Veterans Day represents, rather than using the day as a marketing opportunity.

10. Be Culturally Sensitive

When designing for Veterans Day, be mindful of cultural sensitivities. Veterans come from diverse backgrounds, so ensure your designs reflect inclusivity and avoid stereotypes. Keep the tone respectful and thoughtful, highlighting unity and honor for all who served.

Top Figma Plugins Every Webflow Designer Should Use

Featured Imgs 23

If you’re like most web designers, you know the constant dance between Figma and Webflow. They’re both essential tools in the design world—one for whipping up UI magic and the other for bringing it all to life. But here’s the thing: even though both are powerful on their own, when they work together seamlessly, that’s when the real magic happens. Enter Figma plugins—your secret sauce to not only save time but to keep your workflow breezy.

Now, if you’ve ever found yourself staring at your screen, mentally preparing for the jump from Figma to Webflow, you’re not alone. That gap? It can feel like a canyon some days. And that’s exactly why the right plugins are a game-changer.

Think of them as the backstage crew at a concert—they handle the nitty-gritty so you can focus on delivering the main performance. Whether you’re crafting a custom button design or tweaking your responsive layouts, these plugins take care of the heavy lifting, letting you zero in on what really matters: a streamlined, speedy workflow.But, before you dive headfirst into plugin-land, let me answer a quick question you might have: Do these plugins really make a difference? Short answer: Absolutely.

Long answer: With Figma plugins, you’re not just speeding things up, you’re removing the friction that typically bogs down the design-to-development process. You’ll shave off minutes, maybe even hours, from your workflow. And when those precious minutes add up? Suddenly, you’ve got more time to focus on the creative stuff rather than the tedious grunt work.

It’s also worth mentioning that, whether you’re a seasoned pro with eight-plus years of design under your belt or a student just learning the ropes, these plugins are like adding NOS to your design engine. They help you work smarter, not harder—so you can focus on those brilliant, pixel-perfect details that truly make your designs stand out.

Now, instead of going through the long-winded “how-to” instructions (we’ve all been there, done that), we’ll jump straight into the best plugins you should have on your radar.

Figma to Webflow

Figma to Webflow

Source

Flowbase Component Library

Flowbase Component Library

Source

Relume

Relume

Source

Colors to Webflow

Colors to Webflow

Source

Webflow Color Importer

Webflow Color Importer

Source

Copy to Webflow

Copy to Webflow

Source

Text to Webflow

Text to Webflow

Source

Webflow Favicon

Webflow favicon

Source

The post Top Figma Plugins Every Webflow Designer Should Use appeared first on CSS Author.