2

I want to take a photograph and distort it as if it were being wrapped around a satellite dish; that is, concave, a parabolic shape. Or a singularity if you will. I've messed around with envelope distort and tried searching for answers, but I'm coming up dry. Any suggestions?

3

You can wrap your photo around a dish in Illustrator or Photoshop and get the same results. At first you need the dish.

I assume that exact paraboloid is not a must, circular or even elliptical revolution surfaces are near enough. In the following screenshots a solid fake parabolic dish is made by cutting pieces of ellipses in Illustrator and revolving them with Effect > 3D Revolve:

enter image description here

enter image description here

enter image description here

At the bottom is lurking a Windows sample photo "Penguins". Its dragged to the Symbols panel to be used as a surface texture.

The symbol containing the penguins is selected to be the mapped texture of one of the surfaces. The image is dragged to fill the space. You do not have easy control methods on how Illustrator does the mapping.

enter image description here

At this point Illustrator freezed because I had too many opened test versions and also a parallel version in Photoshop.

But we can watch the rest of images from Photoshop. There I had opened approximately the same fake parabolic dish which was created as OBJ file in freeware CAD. In the next screenshot I opened the same Penguins photo as a loaded texture:

enter image description here

If one loads a photo as a texture, PS selects without asking some method to map the photo. By selecting "New texture" there's more selectable, but it's out of the scope of this answer. It's also useless because I have legacy Photoshop and Photoshop's 3D has got plenty of new in modern versions.

Legacy Photoshop puts the selected photo onto all (=both) surfaces by using the simplest possible mapping. Here's the result seen in few different views:

enter image description here

If you want one photo distributed exactly once over the two sides of the dish, you can divide the photo. In Illustrator have the halves as different symbols. In PS in the simple mode combine 2 renderings with different halves as their textures. It's a challenge to keep the continuity.

The mapping method used in Illustrator and Photoshop might not be satisfactory in all cases. You might want standing objects to stay standig, only deformated a little. This can be achieved by applying Polar to Rectagular transformation before using an image as texture. The following strip shows the result in different viewing angles:

enter image description here

The leftmost is straight on the face. Only the faint shading on the top hints that this can be concave surface. The others are more clear due the heave distortion differences between the right and left sides. The convex side (not shown here) has extremely bizarre pattern, because the mapping compensates the polar to rectangular transformation right only on the concave side.

Which side will be right, can be changed by turning the image upside down before using it as a texture.

How to get the results without messing with 3D?

The straight on the face view (the same as generated in 3D without any gimmicks) can easily be made in Photoshop without 3D. Here it's without any shading. At first stretch or crop your photo to square. Then aply Filter > Distort > Polar Coordinates. If needed, apply also Filter > Distort > Spherize. It makes a little difference between convex and concave, but definitely not enough if there's not straight lines in the original photo.

enter image description here

Also shading is not enough to show is the surface convex or concave in 3D.

The case "keep it standing, no polar coordinates!"

In Illustrator working this job in 2D is perfectly possible with Envelope distortion, but it's difficult in practice to get good enough results. The controls of the envelope distortion mesh are complex.

In photoshop the warping is quite responsive for the job. At first increase the canvas size of the photo to get some room to play. Also add the wanted shape as a transparent layer for reference. Our objective is the red ellipse. It's an ordinary raster layer with reduced opacity.

enter image description here

Select the photo area and goto dit > Transform > Warp. Bend the photo to cover the ellipse but having a form that resembles the beforeseen renderings:

enter image description here

Select the exterior of the ellipse with the Magic Wand. Use that selection to delete the extras of the photo. Add an adjustment layer Curves to reduce the brightness and contrast in the shade area. I gave to it a black layer mask and painted a little white to the left edge to make a subtle shade. In the following screenshot the result is shown without and with the left edge shade.

enter image description here

As you see, the 2D version has higher contrast than the 3D versions. That's because the lights are not set up properly for 3D rendering. They by default use blending modes which reduce the contrast often too much.

Note that the lights and shadows must be consistent in your whole artwork. The dish and it's texture can't be properly adjusted in isolation. The adjustment layers are extremely useful for that reason.

  • So I tried doing this in Illustrator-- in the 3D effect I tried mapping a symbol of an image onto the dish but... nothing happened. I am new to Illustrator. Is there something I'm missing? – julie1013 Aug 3 '17 at 14:49
  • @julie1013 did the untextured dish appear as 3D? – user287001 Aug 3 '17 at 15:27
  • Yeah, I have that part down. But I can't get the image to map to it. – julie1013 Aug 3 '17 at 15:27
  • @julie1013 select the dish, click the 3D revolution effect line in the appearance panel to reopen the effect dialog. Cross preview=ON, click the art mapping button. Goto and stay in the mapping dialog for the rest: Again put the preview on. Select the surface to be texturized and select a symbol to be used as the texture - all this in the mapping dialog! Got the result this time? – user287001 Aug 3 '17 at 16:29
  • That's exactly what I had done, and it didn't work. :( – julie1013 Aug 3 '17 at 16:52
0

You could try using the Spherize effect in Photoshop (Filter > Distort > Spherize) and then use that altered image in Illustrator

This is just an over-simplified example:

enter image description here

enter image description here

  • Thanks, but strangely enough all that does is make the image smaller. Am I missing something? EDIT: Never mind, I see that I have to have the layers flattened to do this. – julie1013 Aug 2 '17 at 20:00
0

Not in Illustrator. It's no good for editing raster images. Illustrator is a vector image editor.

Use Photoshop instead.

You could actually map an image to the surface of a 3D parabolic shape in Photoshop. You could even use 3D software such as Blender to model a parabollic shape, and export it as an OBJ file, and then import it into Photoshop, and map a raster image to the surface of the parabola.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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