Use a Distort Effect on Images in Adobe Illustrator CS6

Edited by Freya, VisiHow, Eng, Anonymous

You're watching VisiHow. This tutorial will show you how to apply a "Distort" effect to an image in Adobe Illustrator CS6 in Windows 7.

Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas164 599.jpg

Ad

Steps

  1. 1
    You should have Illustrator open and a document ready.
    A photograph is used, but you can use digital or even scanned drawings. Either way, try to use high-quality images.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas18 982.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    Click the "Selection Tool" black arrow at the top-left side of the toolbar.
    You can also use different selection tools if you are working with more complicated shapes.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas43 411853.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  3. 3
    Click the object that you want to distort.
    When you click on the object, a thin blue frame and anchors will appear, which mean that your object is now ready for editing.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas49 182159.jpg
    Was this step helpful? Yes | No | I need help

  4. 4
    Click "Effect" at the top of the window.
    There is a "Photoshop Effects" section. It is useful to have "Photoshop Effects" within Illustrator, because you do not have to keep switching between the programs when you are working..
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas63 677253.jpg
    Was this step helpful? Yes | No | I need help

  5. 5
    Move the cursor to "Distort".
    A menu will appear where you can select the effect you prefer. There will be three options.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas86 414461.jpg
    Was this step helpful? Yes | No | I need help

  6. 6
    Let's click "Diffuse Glow...".
    This effect applies a foggy glow to your image and intensifies light and dark areas. A large dialogue box will appear with a preview on the left side.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas91 13118.jpg
    Was this step helpful? Yes | No | I need help

  7. 7
    You can zoom into and out of the preview by clicking the plus and minus icons in the bottom-left corner.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas98 673038.jpg
    Was this step helpful? Yes | No | I need help

  8. 8
    Alternatively, you can click the arrow next to a percentage.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas104 965978.jpg
    Was this step helpful? Yes | No | I need help

  9. 9
    Click a percentage for the zoom.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas106 779198.jpg
    Was this step helpful? Yes | No | I need help

  10. 10
    Click and drag the image to move it.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas115 727972.jpg
    Was this step helpful? Yes | No | I need help

  11. 11
    Click the drop-down menu on the right-hand side.
    There will be many options available.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas123 478097.jpg
    Was this step helpful? Yes | No | I need help

  12. 12
    You can adjust some other settings below the drop-down menu.
    The set of settings will depend on the "Distort" effect selected.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas133 985103.jpg
    Was this step helpful? Yes | No | I need help

  13. 13
    You can adjust "Graininess".
    The preview will be updated very subtly. You can adjust the value by clicking and dragging the scroller or clicking along the scroller line. You can also type a number in the input field to the right.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas146 848299.jpg
    Was this step helpful? Yes | No | I need help

  14. 14
    You can adjust "Glow Amount" in the same way.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas167 551005.jpg
    Was this step helpful? Yes | No | I need help

  15. 15
    You can adjust "Clear Amount" in the same way.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas179 816905.jpg
    Was this step helpful? Yes | No | I need help

  16. 16
    Once you are satisfied with the changes, just click "OK".
    "OK" is in the upper-right corner of the window, above "Cancel". The changes will be applied.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas188 019059.jpg
    Was this step helpful? Yes | No | I need help

  17. 17
    Otherwise, click "Cancel".
    You will discard the settings.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas191 890817.jpg
    Was this step helpful? Yes | No | I need help

  18. 18
    Press "Ctrl" + "Z" to step back.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas202 855465.jpg
    Was this step helpful? Yes | No | I need help

  19. 19
    Click "Effect".
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas204 764679.jpg
    Was this step helpful? Yes | No | I need help

  20. 20
    Move the cursor to "Distort".
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas206 332581.jpg
    Was this step helpful? Yes | No | I need help

  21. 21
    Let's select the next distortion, "Glass...".
    You will have your dialogue box again. You may notice the difference between this effect and "Diffuse Glow". The "Glass" effect has a frosted glass effect. You may even have a painterly artistic effect without intending the image to look like glass. You will see new settings: "Smoothness", "Distortion", etc. They will be different from the previous settings.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas208 532431.jpg
    Was this step helpful? Yes | No | I need help

  22. 22
    Click the "Texture" drop-down menu.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas243 731227.jpg
    Was this step helpful? Yes | No | I need help

  23. 23
    Let's click "Blocks" to change the texture of the "glass".
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas244 272489.jpg
    Was this step helpful? Yes | No | I need help

  24. 24
    Click the "Texture" drop-down menu.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas246 206918.jpg
    Was this step helpful? Yes | No | I need help

  25. 25
    Click "Canvas".
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas247 582832.jpg
    Was this step helpful? Yes | No | I need help

  26. 26
    Click the "Texture" drop-down menu.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas248 913145.jpg
    Was this step helpful? Yes | No | I need help

  27. 27
    Click "Tiny Lens".
    There is also "Frosted".
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas250 445176.jpg
    Was this step helpful? Yes | No | I need help

  28. 28
    As before, you can zoom in and out by clicking the options in the lower-left corner.
    Experiment with the settings.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas255 245872.jpg
    Was this step helpful? Yes | No | I need help

  29. 29
    You can change the "Smoothness" value as well.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas263 706606.jpg
    Was this step helpful? Yes | No | I need help

  30. 30
    You can check and uncheck "Invert".
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas268 32598.jpg
    Was this step helpful? Yes | No | I need help

  31. 31
    Click "Ocean Ripple" in the "Distort" section in the middle of the window.
    You can access the effects from both "Effects" and the menu in the middle on the current screen. The preview will be updated.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas276 43214.jpg
    Was this step helpful? Yes | No | I need help

  32. 32
    You can continue to play around with the settings on the right.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas290 148616.jpg
    Was this step helpful? Yes | No | I need help

  33. 33
    Then, simply click "OK" to apply your settings.
    You will return to your canvas. The "OK" button is in the upper-right corner.
    Apply A Distort Effect To An Image On Adobe Illustrator CS6.mp4-canvas292 975106.jpg
    Was this step helpful? Yes | No | I need help

    Advertisement

This concludes our tutorial showing you how to apply a "Distort" effect to an image in Adobe Illustrator CS6 in Windows 7. If you have any questions or comments regarding this video or the program used, then just add them to the comment section below. Thank you for choosing VisiHow!

Was this helpful? Yes | No | I need help

Video: Use a Distort Effect on Images in Adobe Illustrator 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. 459,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 "Use a Distort Effect on Images in Adobe Illustrator CS6"?
 

Article Info

Categories : Software

Recent edits by: Eng, VisiHow, Freya

Share this Article:

Thanks to all authors for creating a page that has been read 216 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