EDUCBA

EDUCBA

MENUMENU
  • Blog
  • Free Courses
  • All Courses
  • All in One Bundle
  • Login
Home Design Design Tutorials Photoshop Tutorial Photoshop Distort Effect

Photoshop Distort Effect

Photoshop Distort Effect

Introduction to Photoshop Distort Effect

The Distort effect helps in warping, bending, and otherwise deforming pixels. It can be utilized to twist characters for things like facial appearances or even body gestures. They can also be utilized to twist objects like flags, clothes, chimney smoke, or the water’s surface to imitate movement, such as being swept in the wind. Distorting objects like these can be beneficial to bring matte paintings to reality. Distort effects can also be utilized on straightforward, geometric objects to make their life so that they can be utilized as motion graphic elements.

Applying Distort Effect in Photoshop

The following are all the effects which work under the Distort Effect:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: Select your image file in Adobe Photoshop. Here we will be using the koala bear image. To start, right-click your image and choose to Convert to Smart Object or click on Layer, then Smart Objects and Convert to Smart Object.

Photoshop Distort Effect - 1

Smart Object

Step 2: Duplicate the current layer by right-clicking on it and choosing Duplicate Layer, so you have an original to return to. Name that layer as Koala and the other as original.

Duplicate Layer

Step 3: Now, with the Koala layer chosen, click on Filter and Distort, then Wave. For this layer, we will produce a subtle effect.

Photoshop Distort Effect - 4

1. Wave Effect

After you select the wave effect, you will get a dialog box. Here you can modify any of the alternatives as per your need, but for this example, select the number of generators to be 2. Next, set the Wavelength to minimum 100 and maximum to 120 and the Amplitude to a minimum of 10 and maximum to 30. Then select the Scale to be 50% horizontal and vertical, respectively. You can select your Type as Sine, Triangle, or Square. Here we will select Sine. For Undefined Areas, select Repeat Edge Pixels. Once all these settings are done, you can hit randomize until you decide on the preview you wish to use. This merely provides the koala bear with a minute jagged effect, as you can see below.

Jagged Effect

wave Effect - 6

  • In this way, you can distort an image. Under the Distort effect, you have many effects that you can apply to your image. We will see it one by one below.

2. Pinch Effect

We will use the same image for this effect.

Step 1: Duplicate the original layer and name it as Koala Pinch.

Duplicate

Step 2: After duplicating the layer, select this layer and then click on Filter and Distort, then Pinch. Once you do this, you will get the Pinch dialog box. Set the amount to 60% to give a subtle pinch effect to the image.

Photoshop Distort Effect - 8

amount to 60%

Pinch Effect

3. Ripple Effect

We will use the same image for this effect.

Step 1: Duplicate the original layer and name it as Koala Ripple.

Duplicate

Step 2: After duplicating the layer, select this layer and then click on Filter and Distort, then Ripple. Once you do this, you will get the Ripple dialog box. Set the amount to 150% and select the size as the medium.

Photoshop Distort Effect -12

amount to 150%

Ripple Effect

4. Spherize Effect

We will use the same image for this effect.

Step 1: Duplicate the original layer and name it as Koala Spherize.

Duplicating the layer

Step 2: After duplicating the layer, select this layer, click on Filter and Distort, and then Spherize. Once you do this, you will get the Spherize dialog box. Set the amount to 70% and select the mode as Normal. The other available modes are Horizontal Only and Vertical Only. You can select any depending on your requirements.

Photoshop Distort Effect -16

Spherize effect

Step 3: Select Horizontal and Vertical mode from the dialog box. To see the final image.

Horizontal and Vertical

Spherize effect 2

Spherize Effect 3

5. Twirl Effect

We will use the same image for this effect.

Step 1: Duplicate the original layer and name it as Koala Twirl.

Photoshop Distort Effect -21

Step 2: After duplicating the layer, select this layer and then click on Filter and Distort, then Twirl. Once you do this, you will get the Twirl dialog box. Set the Angle to 60 degrees.

Photoshop Distort Effect -22

Photoshop Distort Effect -23

Photoshop Distort Effect -24

6. ZigZag Effect

We will use the same image for this effect.

Step 1: Duplicate the original layer and name it as Koala Zigzag.

Duplicate the layer

Step 2: After duplicating the layer, select this layer and then click on Filter and Distort, then ZigZag. Once you do this, you will get the ZigZag dialog box. Set the amount to 15 and ridges to 10, then select the style as Pond Ripples. The other style options available are Around Center and Out From Center. You can select any depending on your requirements.

Photoshop Distort Effect -26

Step 3: ZigZag Dialog Box With Pond Ripples Style.

ZigZag Dialog Box

Step 4: ZigZag Dialog Box With Around Center and without from center style.

Photoshop Distort Effect -28

Photoshop Distort Effect -29

Step 5: Image with Pond Ripples Style.

Pond Ripples Style

How to Use Distort on Text?

The below steps will explain how to use the distort effect on the text:

Step 1: Select an image first (Here, we are using the orange image). Add a text over the image.

Photoshop Distort Effect -31

Step 2: Transform both the text and the image into a smart object to convert them as much as required without losing any quality because smart objects are non-destructive. The Text layer(Orange) is now present inside the smart object(orange image), indicating that we can unfold the smart object and modify the text whenever required.

Photoshop Distort Effect -32

Step 3: Once you are done converting them into smart objects, select the text and then click on Edit and Transform, then Distort. Then you can stretch the text and give it a distorted look.

Photoshop Distort Effect -33

Step 4: Stretching the Text.

Photoshop Distort Effect -34

Step 5: The Final image.

Photoshop Distort Effect -35

  • In this way, you can distort a text in Adobe Photoshop.

Conclusion – Photoshop Distort Effect

Although standard image effects are still favored, designers try to do something new to keep their websites captivating. And the fabled distortion effect, which many designers avoided, now finds itself to be useful. Although it suggests a disfigured and warped impression, it is even now ubiquitous. It blends properly with differing information. The distort effect flawlessly fraternizes with solutions depended on mouse cursor connections and the usual scrolling. The effect makes normal things look fortifying and motivating.

Recommended Articles

This is a guide to Photoshop Distort Effect. Here we discuss the Introduction, various effects in Distort Effect and various steps to enhance the distort effect in photoshop. You can also go through our other related articles to learn more –

  1. How to Create Shiny Effect Photoshop?
  2. 3D Text Effect in Photoshop
  3. Glitch Effect in After Effects
  4. Dispersion Effect in Photoshop
SONY VEGAS PRO - Edit Videos Like a Pro
174+ Hours of HD Videos
23 Courses
Verifiable Certificate of Completion
Lifetime Access
4.5
BLACKMAGIC FUSION Training
43+ Hours of HD Videos
10 Courses
Verifiable Certificate of Completion
Lifetime Access
4.5
DAVINCI RESOLVE - Become a Pro Video Editor with DaVinci Resolve
40+ Hours of HD Videos
4 Courses
Verifiable Certificate of Completion
Lifetime Access
4.5
FL STUDIO - Music Production & Mixing Music
25+ Hours of HD Videos
2 Courses
Verifiable Certificate of Completion
Lifetime Access
4.5
Primary Sidebar
Popular Course in this category
ADOBE PHOTOSHOP Training
 124+ Hours of HD Videos
21 Courses
3 Mock Tests & Quizzes
  Verifiable Certificate of Completion
  Lifetime Access
4.9
Price

View Course
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2023 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more