• About
  • Write For Us
  • Contact

IndustryDev

Web Design & Photography Blog

  • Design
    • Lightroom
    • Photoshop
    • Bridge
    • Camera Raw
  • Development
    • HTML
    • CSS
    • JavaScript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
    • SEO
  • Technology
    • Hosting
  • Inspiration
    • Interviews
    • Learning
You are here: Home / Design / How to Use the Liquify Filter in Adobe Photoshop

How to Use the Liquify Filter in Adobe Photoshop

November 24, 2017

The Liquify Filter in Adobe Photoshop is almost an application in and of itself. It’s super powerful and it can add a level of creativity to a photo or graphic rarely seen anywhere else. If someone asked me about this filter, I would simply tell that “It’s huge.” That’s all I’d say. Well, maybe after that, I’d then go into my usual routine of telling them far too much and way more than they were asking about. That’s just the way I am.

In today’s post, I’d like to do some exploring inside of the Liquify Filter panel. Inside of this panel is an independent interface that can be used to do all sorts of things. From expanding to contracting, twirling and positioning. It’s a really great tool to learn about and become familiar with, so, if you have any interest in altering a photo to look completely different than it once did, please read on below. I’ll be covering many of the features of this filter, one by one and with examples of the output of each.

Demo Photo

For today’s post, I’ll be using a photo of a very creepy doll. The reason I chose this photo was because of the fact that it had some really nice features that I’d like to demonstrate on. Namely, the eyes. Many of the tools in the Liquify Filter would work perfectly with a face like this and I think what I decide to cover will be clearly understood.

Scary and Creepy Doll

Converting to a Smart Object

Because I’d like to make my changes in a non-destructive manner and also because I’d like to have the ability to go back and make changes with this particular filter (if need be), I’ll go ahead and convert the background image layer into a Smart Object. To do this, I’ll simply right-click on the layer in question and select Convert to Smart Object.


Convert to Smart Object Menu Item in Layers Panel

Now, if I ever want to get back to the original image, I’ll have that ability.

What are Smart Objects in Adobe Photoshop?

As you can see, the layer is now a Smart Object.

Smart Object Layer


I didn’t even have to click on the small lock icon to unlock the layer. The convert option was already available in the menu.

Accessing the Liquify Filter

Okay, to access the Liquify Filter, I’ll head up to the Filter > Liquify menu item and click.

Filter - Liquify Menu Item

After I do that, I’ll see an entirely new window open. This is the Liquify panel.


RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the field below and I'll deliver each and every post I write directly to your inbox.


Liquify Panel in Adobe Photoshop


Now, before I go any further, I want to tell you that there’s an entire strategy built around using this filter. Oftentimes, you’ll want to select and duplicate a particular object into its own layer before using the Liquify Filter on that layer. This is done to create separation from the original image. Since I don’t need any separation and since I’m merely partaking in a few demonstrations, I’ll skip the selections and placing things in their own layers. I’ve just gone ahead and launched the entire image into this filter. Perhaps in the future, I’ll talk more about different methods one can use to go about refining their workflow when it comes to a tool like this.

Also, just to let you know, most of the tools used in this filter act just like the Brush Tool does. In other words, when you click on them to use them, you’ll see a circle that you can resize either larger or smaller. Much of this filter really is a glorified Brush Tool. The only difference is, you can do a heck of a lot more with this thing than you can do otherwise.

How to Adjust the Brush Tool Settings in Adobe Photoshop

Also, I’d like to let you know that I’ll be showing you just the basics today. There is a lot more to this tool than I’ll be discussing here. In future posts, I’ll flesh out much more.

Forward Warp Tool

The first thing many of us think of when we imagine the Liquify Filter is warping or distorting something. Well, wouldn’t you know it, the very first tool on the left menu can do just that. It’s called the Forward Warp Tool and if you select it and resize your brush by pressing the [ or ] keys on your keyboard, you can distort any part of the image you’d like.


I’ll go ahead and do this. I’ll click and drag on the doll’s eyes to distort both of them. I’ll drag one up and one down.

Forward Warp Tool

Distorted Eyes

In the above screenshot, you can see the brush I was using. It’s hanging out in the doll’s hair. It has a crosshairs at its center.

Since it’s oftentimes challenging to see exactly where you’ve made changes, after a bunch of changes have been made, there’s an option to turn on a mesh overlay. This overlay displays lines that curve where any change has been instigated. To turn this feature on and off, simply click inside of the check box over in the right panel area.


Show Mesh

Take a look how the result looks. It’s clearly visible where I made the distortions. There’s no question about it.

Liquify Filter Mesh Overlay

Reconstruct Tool

I would say that 99% of what folks do inside the Liquify Filter panel, they’d like to undo. For instance, I was just playing with warping the eyes. I don’t really want to do that. Instead of clicking the Cancel button down at the bottom of the panel to close things out and start all over again, I can opt to reconstruct what I’ve constructed. In other words, I can undo my changes, to any degree I’d like. They don’t have to be completely reversed. They can be semi-reversely or only slightly reversed.

To activate this tool, I’ll click the second button over inside the left toolbar. It’s called the Reconstruct Tool.


Reconstruct Tool

This tool appears the same way the previous one did. It looks like a brush. To reconstruct something I’ve, in this case, warped, all I need to do is click on top of whatever it was that I manipulated. I can also click and drag this brush around to make sure I got everything. I’m going to put the left eye back where it was.

Reconstruct a Warp

Again, I could have done this only half way or more or less. I wanted to undo the entire warp on this side, so I went a bit further than most people would go. This tool is sort of like magic. It won’t go further than the look of the original photo or graphic, so there’s no need to be light handed with it. Also, just a few dabs are sometimes all that’s necessary.

Smooth Tool

Let’s say I made a fairly sharp warp. I don’t know how – perhaps I used a brush that was too small and the warp came out tighter than I’d like. I’d like to take the edge off of it. To smooth out the sharp warp, I can use the Smooth Tool. It does exactly what I described.


Smooth Tool

In this next screenshot, I warped the left eye too much. To tamp things back down and to make the warp more rounded, I glided the Smooth Tool brush over the top of the warp a bit. That mellowed things out and forced the warp back into position some.

Smooth Tool Brush

Twirl Clockwise Tool

This tool is extremely straightforward. It twirls things if you click on them. The default state of this tool is to rotate, or twirl, things clockwise. To twirl them counterclockwise, all you’d need to do is to hold down the Alt key on your keyboard. While holding that key down, click again and the twirl will be reversed.

Twirl Clockwise Tool

Twirl Clockwise Tool

Again, you can use the Reconstruct Tool to undo any twirling you find yourself in the middle of. That really is a great tool to take advantage of.

Pucker Tool

The Pucker Tool is so fun to play with. It does the opposite of what the Bloat Tool (up next) would do and that is it shrinks things. Part of the reason I chose this creepy photo to play with is because of this tool. I wanted to see what the face would look like if I shunk it a bit. To shrink, or pucker, something, all you have to do is appropriately size the Pucker Tool brush and click. The longer you click, the more the area will pucker.

Pucker Tool

Shrunken Face with the Pucker Tool

By the way, this is one way to reduce various sizes of parts of people’s bodies. When you hear that someone’s arms or waist was Photoshopped, this is one way to go about doing that.

Bloat Tool

Puckering is fun, but bloating is more fun. The next tool on the list is called the Bloat Tool.

Bloat Tool

This tool does exactly the opposite of what the Pucker Tool does. It enlarges areas. So, if you’d like to make something larger in a photograph, simply activate this tool by clicking its icon and then resize your brush. Click on the area you’d like to make bigger and there you go. In the example below, you can see the size of the brush I used as well as the larger eyes that I bloated. Pretty cool.

Bloated Eyes with the Bloat Tool in Photoshop

Push Left Tool

The next tool I’d like to talk about is called the Push Left Tool. This is one that should be used with care because it’s quite powerful. In later posts, I’ll talk about how you can limit and reduce the effects of each tool, but for now, just know that if you activate this tool, click and drag up, you’ll push whatever content that’s underneath your brush to the left. If you click and drag down, you’ll push the content to the right.

Push Left Tool

In this next screenshot, I dragged up over the left eye and then dragged down over the right eye. You can see how they were pushed apart.

Parted Eyes with the Push Left Tool

You can also see how easy it is to make someone look completely different than they once did. All this with the Liquify Filter.

Freeze Mask Tool

This is where things begin to get interesting. Much of what I’ve shown you above was like using a sledgehammer to get things done in Photoshop. Sometimes, you need to liquify with care and for that, more delicate tools are necessary. This is where the Freeze Mask Tool comes into play.

Freeze Mask Tool

Let’s say I wanted to twirl the lower half of the doll’s face, but that I didn’t want any of the upper portion of the face touched or altered. To accomplish something like this, I can’t just make the brush smaller. I’d need something to block out the top portion of the face from being twirled – completely.

If I activate the Freeze Mask Tool, I can size my brush appropriately and then paint over any portion of the photo that I don’t want affected by any other liquify tool. In the example below, I painted over the top portion of the doll’s face. Then, I activated the Twirl Tool and, like I did earlier, twirled the face. As you can see, the bottom portion of the face is twisted, but the top portion of the face hasn’t been touched at all.

Frozen Twirl

Thaw Mask Tool

The final tool I’ll be showing you today is called the Thaw Mask Tool. This one is really easy to grasp.

Thaw Mask Tool

If I previously used the Freeze Mask Tool and painted some areas red that I didn’t necessarily want painted red, I can unpaint them with this tool. All I’d have to do is click to activate this tool and then size the brush. I can paint this new brush over the red areas to remove that red. This one is sort of like an erasure. It just undoes what was once done.

——

As I mentioned above, I’ll be writing more posts on the Liquify Filter tool in upcoming posts. These new posts will undoubtedly touch upon the right side of the Liquify panel that deals with all sorts of controls. I’ll discuss them later. In the meantime, if you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Check Out These Related Posts

  • A Smart Use of Multiple Cropping Methods in Adobe PhotoshopA Smart Use of Multiple Cropping Methods in Adobe Photoshop
  • How to Enhance Color Using Curves in Adobe PhotoshopHow to Enhance Color Using Curves in Adobe Photoshop
  • Working With the Content-Aware Move Tool in Adobe PhotoshopWorking With the Content-Aware Move Tool in Adobe Photoshop
  • How to Use the Free Transform Tool in Adobe PhotoshopHow to Use the Free Transform Tool in Adobe Photoshop
  • Using the Reduce Noise Filter in Adobe PhotoshopUsing the Reduce Noise Filter in Adobe Photoshop
  • Jumping Between Adobe Lightroom, Photoshop & Camera RawJumping Between Adobe Lightroom, Photoshop & Camera Raw
  • Using Focus Area & Smart Sharpen to Edit a Photo in Adobe PhotoshopUsing Focus Area & Smart Sharpen to Edit a Photo in Adobe Photoshop
  • What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?
  • Selectively Sharpening Parts of a Face in Adobe PhotoshopSelectively Sharpening Parts of a Face in Adobe Photoshop
  • Combining a Smart Filter with a Camera Raw Action in Adobe PhotoshopCombining a Smart Filter with a Camera Raw Action in Adobe Photoshop
  • Changing Colors with Some Adjustment Layer Sliders in Adobe PhotoshopChanging Colors with Some Adjustment Layer Sliders in Adobe Photoshop
  • How To Set the Timeline Frame Rate For Video in Adobe PhotoshopHow To Set the Timeline Frame Rate For Video in Adobe Photoshop

Filed Under: Design Tagged With: Photoshop

What’s Next? Email Updates!

If you enjoyed reading this post, why not consider signing up to receive others like it by email? It's so easy and you can unsubscribe at any time.

About Jay Gaulard

Hi. My name is Jay Gaulard and I've been designing websites and taking photographs since 2002. My passions lie with learning the latest coding techniques and development tools as well as staying on top of the digital imaging world. When I'm not studying or writing, I'm practicing Brazilian Jiu-Jitsu in Maine, USA.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Connect With Me

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter

RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the box below and I'll deliver each and every post I write directly to your inbox.

Recent Posts

  • Color Range Masking the Graduated & Radial Filters in Adobe Lightroom April 17, 2018
  • Using the Liquify Filter to Change Body Shape in Adobe Photoshop April 14, 2018
  • How To Soften Skin in Adobe Photoshop April 12, 2018
  • How to Change the Background & Accent Colors of Your Windows 10 Interface April 10, 2018
  • The Idea Behind Smart Filter Masks & Blending Modes in Adobe Photoshop April 8, 2018

Most Popular Posts

  • How to Set the Photo Quality in your Canon Rebel DSLR Camera How to Set the Photo Quality in your Canon Rebel DSLR Camera
  • Using the Liquify Filter to Change Body Shape in Adobe Photoshop Using the Liquify Filter to Change Body Shape in Adobe Photoshop
  • How to Export Video From Adobe Photoshop How to Export Video From Adobe Photoshop
  • How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera
  • How to Adjust the Mouse Click & Scroll Settings in Windows 10 How to Adjust the Mouse Click & Scroll Settings in Windows 10

About IndustryDev

IndustryDev is an online publication that focuses primarily on lovers of the digital world. We write articles that cast a wide net, including those that discuss website development, design and WordPress. We also post, daily, about the image related aspects of the web, including photography and illustration, along with other topics like blogging and SEO.

Read More

Copyright © 2018 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · XML Sitemap · Sitemap