2

I'd like to know how this is done. I have both photoshop and illustrator.

there you go mate

6
  • 1
    Please embed the photo, nobody wants to click a random unknown link. Ask us exactly what you need to know and what you have tried already.
    – Summer
    Commented Apr 26, 2017 at 10:00
  • 1
    done, sorry mate.
    – Robert
    Commented Apr 26, 2017 at 10:04
  • 1
    here is a near duplicate that explains how to do this in illustrator. In photoshop you would use liquify.
    – joojaa
    Commented Apr 26, 2017 at 10:08
  • Possible duplicate of How to make an object look like it's reflected in water in Adobe Illustrator?
    – Luciano
    Commented Apr 26, 2017 at 12:28
  • The smudge tool in photoshop will also do the same thing. Commented Apr 26, 2017 at 15:58

3 Answers 3

5

The distortion is all relatively constrained to a specific angle so you could use an envelope mesh distortion in Illustrator (not that you are constrained to a specific angle with a mesh but it is an easy way to do so)...

Rotate your artwork to your desired distortion angle and add a mesh envelope (Object → Envelope Distort → Make with Mesh...) with an appropriate number of rows and columns:

enter image description here

Use the Direct Selection Tool to move around anchors on the mesh:

enter image description here

Rotate your artwork back to it's original position:

enter image description here

2
  • 1
    you should increase fidelity to your distort by choosing Object > Envelope Distort > Envelope Options... Less polygonlike look.
    – joojaa
    Commented Apr 26, 2017 at 12:05
  • @joojaa yeh I always have fidelity on 100, not sure why it's looking so messy here
    – Cai
    Commented Apr 26, 2017 at 12:10
2

If you are doing this in Photoshop

Open the image.

Go to Filter - Liquify.

A dialogue box will open.Click on advance option.

A brush tool will be visible when you take the mouse on the image. Click and drag it over the image to get the desired effect.

You can also adjust the size, density etc of the brush tool.

enter image description here

5
  • 1
    I agree that this is most likely the method that is used, however the example has very clean jags, that seem to be of almost all the same size. I think the creator first created the 'template' including jagged side pieces, and then used liquify to warp the content into them. Otherwise you could never achieve such clean precise look.
    – Summer
    Commented Apr 26, 2017 at 10:41
  • You can snap to guides... Or you can use a mesh to wrap the result @JaneDoe1337
    – joojaa
    Commented Apr 26, 2017 at 10:58
  • @joojaa yes that's what I meant with template, thanks :)
    – Summer
    Commented Apr 26, 2017 at 11:05
  • how do i snap to guides? I like the clean look.
    – Robert
    Commented Apr 26, 2017 at 11:14
  • or create a mesh
    – Robert
    Commented Apr 26, 2017 at 11:21
1

There's the Warp tool in illustrator. It resembles Photoshop's Liquify.

The Warp tool is called by pressing Shift+R. It can be found under the Width tool in the toolbox.

Doubleclicking the Warp icon opens the options dialog that have plenty of control over the results.

The texts must be outlined and raster images must be embedded (for example pasted). Normal text and linked photos do not get warped.

This is a screenshot of a warping example. The text is a random sample from Stack Exchange blog and the image is an unrelated random piece from MS Powerpoint clipart.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.