Add Zigzag Effect in Photoshop CS6

Edited by Freya, Alexander Avdeev, Eng, Anonymous

You're watching VisiHow. In this video, we are going to show you how you can add a zigzag effect to an image in Photoshop CS6 in Windows 7.

Add zigzag effect in Photoshop CS6.mp4-canvas105 721571.jpg

Ad

Steps

  1. 1
    In this video, we already have the image opened.
    We can do that by either creating a new document or opening an existing one. There are other VisiHow videos on how to do that.
    Add zigzag effect in Photoshop CS6.mp4-canvas13 533649.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    Once we open or create a document, at the right-hand side, we check that we've selected the layer that we will be working with if we have more than one layer.
    In this video, there is only the "Background" layer.
    Add zigzag effect in Photoshop CS6.mp4-canvas24 423646.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  3. 3
    We click "Filter" at the top.
    Add zigzag effect in Photoshop CS6.mp4-canvas35 708282.jpg
    Was this step helpful? Yes | No | I need help

  4. 4
    We move the cursor to "Distort".
    Add zigzag effect in Photoshop CS6.mp4-canvas37 148196.jpg
    Was this step helpful? Yes | No | I need help

  5. 5
    We click "ZigZag..." down the list, as it is in the alphabetical order.
    This will bring up a new pop-up window.
    Add zigzag effect in Photoshop CS6.mp4-canvas39 153412.jpg
    Was this step helpful? Yes | No | I need help

  6. 6
    We can move the "ZigZag" window if we want by clicking and dragging it.
    We don't have to do it because the canvas won't change until we click "OK". We have a preview in the window.
    Add zigzag effect in Photoshop CS6.mp4-canvas45 915664.jpg
    Was this step helpful? Yes | No | I need help

  7. 7
    We can click "-" in the bottom left-hand corner to zoom out.
    Add zigzag effect in Photoshop CS6.mp4-canvas60 19745.jpg
    Was this step helpful? Yes | No | I need help

  8. 8
    We can click "+" to zoom in.
    Add zigzag effect in Photoshop CS6.mp4-canvas62 383984.jpg
    Was this step helpful? Yes | No | I need help

  9. 9
    We can also click the drop-down menu to zoom in or all the way out, depending on what we like.
    In this example, 25% is the whole image. For some effects, it is better to zoom out and see the whole image. Whereas there are other images where we'd better zoom in. The size of the zigzag effect is a little more obvious if we zoom in.
    Add zigzag effect in Photoshop CS6.mp4-canvas67 247688.jpg
    Was this step helpful? Yes | No | I need help

  10. 10
    We can also drag our preview picture around by clicking and dragging it where we want it to go.
    That way, we can see the whole image as well.
    Add zigzag effect in Photoshop CS6.mp4-canvas89 240996.jpg
    Was this step helpful? Yes | No | I need help

  11. 11
    To edit the effect, we can change the "Amount" value first by clicking and dragging the slider.
    We will see that our preview contour in the bottom right-hand corner will change dramatically.
    Add zigzag effect in Photoshop CS6.mp4-canvas103 778766.jpg
    Was this step helpful? Yes | No | I need help

  12. 12
    We can zoom out and see how the effect looks.
    Add zigzag effect in Photoshop CS6.mp4-canvas111 394306.jpg
    Was this step helpful? Yes | No | I need help

  13. 13
    We can decrease the "Amount" value by pulling the slider left from the right position.
    The effect will come to the center now by looking exactly as our original canvas image.
    Add zigzag effect in Photoshop CS6.mp4-canvas119 393814.jpg
    Was this step helpful? Yes | No | I need help

  14. 14
    We can decrease the "Amount" value by pulling the slider left even further.
    Add zigzag effect in Photoshop CS6.mp4-canvas122 074763.jpg
    Was this step helpful? Yes | No | I need help

  15. 15
    We can also type the number in the "Amount" box to keep it at the degree we are after.
    Add zigzag effect in Photoshop CS6.mp4-canvas128 460419.jpg
    Was this step helpful? Yes | No | I need help

  16. 16
    We can change the "Ridges" amount by clicking and dragging the slider.
    The image will be changing as we go.
    Add zigzag effect in Photoshop CS6.mp4-canvas136 482251.jpg
    Was this step helpful? Yes | No | I need help

  17. 17
    We can drag the "Ridges" slider the other way as well.
    Add zigzag effect in Photoshop CS6.mp4-canvas142 060573.jpg
    Was this step helpful? Yes | No | I need help

  18. 18
    Alternatively, we can just add a number to "Ridges" and change the image that way.
    Add zigzag effect in Photoshop CS6.mp4-canvas146 316311.jpg
    Was this step helpful? Yes | No | I need help

  19. 19
    We can click the "Style" drop-down menu.
    The default style is "Pond Ripples", so the effect looks like water in a pond.
    Add zigzag effect in Photoshop CS6.mp4-canvas149 206801.jpg
    Was this step helpful? Yes | No | I need help

  20. 20
    We can select "Around Center".
    Add zigzag effect in Photoshop CS6.mp4-canvas154 753129.jpg
    Was this step helpful? Yes | No | I need help

  21. 21
    We'll zoom out to see how it looks.
    Add zigzag effect in Photoshop CS6.mp4-canvas158 262247.jpg
    Was this step helpful? Yes | No | I need help

  22. 22
    We'll increase the "Amount" and "Ridges" values.
    The effect will come out from the center. It can get quite dramatic if we go to the extremes in the values.
    Add zigzag effect in Photoshop CS6.mp4-canvas162 315335.jpg
    Was this step helpful? Yes | No | I need help

  23. 23
    We can select "Out From Center".
    It is like the inverted version of "Around Center". The image in the video is probably not the best image to be using with this effect, but we can get quite good effects if we use, perhaps, a pattern or some kind of texture instead.
    Add zigzag effect in Photoshop CS6.mp4-canvas174 620805.jpg
    Was this step helpful? Yes | No | I need help

  24. 24
    Once we are satisfied with everything, we click "OK" to add the effect to the layer.
    The effect will be added to our layer.
    Add zigzag effect in Photoshop CS6.mp4-canvas186 886713.jpg
    Was this step helpful? Yes | No | I need help

  25. 25
    Alternatively, we click "Cancel" if we don't want to change anything.
    Add zigzag effect in Photoshop CS6.mp4-canvas192 678363.jpg
    Was this step helpful? Yes | No | I need help

    Advertisement

This is a VisiHow video. We've just shown you how you can add a zigzag effect to an image in Photoshop CS6 in Windows 7. If you have any questions or comments, feel free to add them to the section below. We'll do our best to get back to you.

Was this helpful? Yes | No | I need help

Video: Add Zigzag Effect in Photoshop CS6

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.




Freya
Featured Author
1,135 Articles Started
1,135 Article Edits
57,750 Points
Freya is a featured author with VisiHow. Freya has achieved the level of "Major" with 57,750 points. Freya has started 1,135 articles (including this one) and has also made 1,135 article edits. 456,000 people have read Freya's article contributions.
Freya's Message Board
Freya: Hi, my name is Freya.
Freya: Can I help you with your problem about "Add Zigzag Effect in Photoshop CS6"?
 

Article Info

Categories : Software

Recent edits by: Eng, Alexander Avdeev, Freya

Share this Article:

Thanks to all authors for creating a page that has been read 237 times.

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No