7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

How to Create a Tie-Dye Pattern in Adobe Photoshop

Scroll to top
Read Time: 6 mins
Final product imageFinal product imageFinal product image
What You'll Be Creating

When in doubt, create your own cool tie-dye patterns! Learn how to make a tie-dye effect in under a minute and decorate your work with custom tie-dye patterns! They're an essential resource for designers and are super easy to make.

In this quick video, I'll show you how to use Photoshop's different filter tools to create a custom tie-dye texture. Experiment with colors and more, and show us your results! With tie-dye now trending in the design world, this is a great time to create your own designs. And if you liked this video, don't forget to visit and subscribe to the Envato Tuts+ YouTube channel for more!

What You'll Learn in This Quick Tie-Dye Photoshop Tutorial

  • How to create a new document with colors
  • How to blend the colors together
  • How to create a tie-dye effect
  • How to add texture to the tie-dye effect

Tie-Dye Texture Tutorial Assets

1. How to Create a New Document With Colors

Let's learn how to make a tie-dye background in Photoshop. First, create a New Document at 850 x 850 pixels, and then add a New Layer.

Use the Rectangular Marquee Tool (M) to create a vertical selection and Fill it with color using the Paint Bucket Tool (G).

Repeat this process until the entire document is filled with any alternating colors that you like.

create tie-dye in Photoshopcreate tie-dye in Photoshopcreate tie-dye in Photoshop

Here are the colors I've used:

  • #791a93
  • #18106e
  • #2c73d2
  • #71cae1
  • #31a457
  • #f1ea88
  • #f07c4f
  • #f03d0f

2. How to Blend the Colors Together

To create a tie-dye in Photoshop, you need to blend the colors together. Go to Filter > Blur > Gaussian Blur and add a Radius of 25 pixels.

Next, go to Filter > Distort > Polar Coordinates and choose Rectangular to Polar.

Distort Polar Coordinates Filter create tie-dye in PhotoshopDistort Polar Coordinates Filter create tie-dye in PhotoshopDistort Polar Coordinates Filter create tie-dye in Photoshop

3. How to Create a Tie-Dye Effect

For the tie-dye effect, go to Filter > Liquify and select the Twirl Clockwise Tool (C).

Increase the size of your brush before clicking and holding the center to twirl the colors. Use the Forward Warp Tool (W) to drag lines out from the center and distort the pattern. (You can also blur any harsh lines with the Blur Tool (O).)

Experiment with different directions for a better look until you create a tie-dye in Photoshop that you like.

Tye Dye Patterns Using LiquifyTye Dye Patterns Using LiquifyTye Dye Patterns Using Liquify

4. How to Add Texture to the Tie-Dye Effect

Add more texture by setting a Watercolor Stock to Overlay and lowering the Opacity to 82%. Then, Merge all the layers together. To create the final pattern, select the Rectangular Marquee Tool (M), and go to Edit > Define Pattern. That's how you create a realistic tie-dye texture.

You're Done! You've Made a Tie-Dye Texture in Photoshop

You've learned how to make a tie-dye background in Photoshop with a realistic look. Now it's your turn to play with colors and textures to create even more cool tie-dye patterns! See below how we used the tie-dye texture on a pillow mockup. That's just one application for tie-dye patterns—keep exploring more!

Tye Dye Effect PhotoshopTye Dye Effect PhotoshopTye Dye Effect Photoshop
Tie-Dye Photoshop Final Result

Apply cool tie-dye patterns to different scenes like this Pillow Mockup for more fun variations.

Tye Dye Pattern Photoshop TutorialTye Dye Pattern Photoshop TutorialTye Dye Pattern Photoshop Tutorial

5 Top Tie-Dye Textures and Add-Ons From Envato Elements

Now that you know how to create a tie-dye in Photoshop, you might be wondering if there are add-ons you can use to speed up the process.

If you use design software on a daily basis, you need to visit Envato Elements, a subscription-based marketplace. For a flat monthly fee, you can download unlimited Photoshop add-ons, Procreate add-ons, premium fonts, graphic templates, and more.

Here we'll show you five cool tie-dye patterns that you can use in Photoshop and Procreate.

1. Shibori Tie-Dye Photoshop Seamless Patterns (JPG, PSD)

Shibori Tie-Dye Photoshop Seamless Patterns (JPG, PSD)Shibori Tie-Dye Photoshop Seamless Patterns (JPG, PSD)Shibori Tie-Dye Photoshop Seamless Patterns (JPG, PSD)

Are you looking for ready-to-use tie-dye patterns for Photoshop? This unique tie-dye Photoshop kit is waiting for you.

The tie-dye texture you see here is inspired by Shibori, a traditional Japanese technique to manually tie-dye fabric. This gives the effect a unique look.

The download includes:

  • 10 JPG files with tie-dye patterns tiles
  • 10 PSD files with tie-dye patterns tiles
  • 10 JPG digital papers

2. Realistic Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)

Realistic Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)Realistic Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)Realistic Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)

If you use Procreate, you'll love this classic Procreate tie-dye kit. These Procreate tie-dye brushes were made from actual tie-dyed fabrics for a realistic look. There are 25+ main brushes with different shapes and a bonus color palette to create cool tie-dye patterns.

3. Shibori Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)

Shibori Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)Shibori Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)Shibori Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)

This Procreate tie-dye kit is also inspired by the traditional Japanese tie-dye technique. The download includes 10+ realistic Shibori Procreate tie-dye brushes for your projects.

4. Ink Blot Procreate Tie-Dye Brushes (BRUSHSET, SWATCHES)

Ink Blot Procreate Tie-Dye Brushes (BRUSHSET, SWATCHES)Ink Blot Procreate Tie-Dye Brushes (BRUSHSET, SWATCHES)Ink Blot Procreate Tie-Dye Brushes (BRUSHSET, SWATCHES)

Do you want to replicate ink blots on your tie-dye textures? This Procreate tie-dye set is for you. There are 10+ main brushes with different shapes and a bonus color palette. The brushes have a large resolution and can be applied to various designs.

5. Shibori Seamless Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)

Shibori Seamless Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)Shibori Seamless Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)Shibori Seamless Procreate Tie-Dye Brush (BRUSHSET, SWATCHES)

If you're becoming a fan of the beautiful Japanese tie-dying technique, you need to check these Procreate tie-dye add-ons.

The brushes are made using the original shape and texture of a Shibori Batik patterned fabric, so that it gives a real impression on every brushstroke. These tie-dye patterns can be combined to create a beautiful piece.

Discover More Awesome Tutorials and Resources

This is part of a series of quick video tutorials on Envato Tuts+ in which we introduce a range of subjects, all in 60 seconds—just enough to whet your appetite.

Inspired to create custom patterns? Start with one of our tutorials! Continue to grow your skills over time while growing your collection of resources.

And check out these tutorials to learn more from our experts:

Editorial Note: This post has been updated with contributions from Maria Villanueva. Maria is the Associate Editor of the Tuts+ Design channel.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.