I'd like to know how this is done. I have both photoshop and illustrator.
-
1Please 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.– SummerCommented Apr 26, 2017 at 10:00
-
1done, sorry mate.– RobertCommented Apr 26, 2017 at 10:04
-
1here is a near duplicate that explains how to do this in illustrator. In photoshop you would use liquify.– joojaaCommented Apr 26, 2017 at 10:08
-
Possible duplicate of How to make an object look like it's reflected in water in Adobe Illustrator?– LucianoCommented Apr 26, 2017 at 12:28
-
The smudge tool in photoshop will also do the same thing.– Evan CarslakeCommented Apr 26, 2017 at 15:58
3 Answers
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:
Use the Direct Selection Tool to move around anchors on the mesh:
Rotate your artwork back to it's original position:
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.
-
1I 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.– SummerCommented Apr 26, 2017 at 10:41
-
You can snap to guides... Or you can use a mesh to wrap the result @JaneDoe1337– joojaaCommented Apr 26, 2017 at 10:58
-
-
-
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.