11

It's all a bit easier to discuss if we start with horizontal lines, like so: As Ilmari Karonen said, this is just a displacement map. You start with a 3D topography h(x,y), and then each point (x,y) in the result should use the line starting at y0 = y − h(x,y). With raster graphics, this can be rendered straight away, but to get clean vector lines we'd ...


8

This is basically just a displacement map applied to a bunch of lines. The tricky part is that applying a displacement map to a bitmap texture will stretch and compress the entire texture, including both the lines and the gaps between them. To get the shading effect in your example image, you'll want to stretch only the gaps, not the lines themselves. I ...


6

I assume you want it works with any image, not only with rectangular boxes. The distortion you want is not perspective, you want Y scaling which depends linearly on X. Some programs allow it without having any plugins nor writing a script. The one I know is Affinity Photo. There you can use distortion with equations - you write a formula for coordinates from ...


4

The SVG doesn't load properly in Illustrator, it's all messed up. I get a different problem from you. Everything is visible but the letters are jumbled up and overlap each other. The SVG works fine in Inkscape though, which is generally a bit more forgiving than Illy. As far as I can tell, the problem appears to be caused by the use of multiple clones, or ...


4

Going in the outline view (Ctrl/Command + Y) should help find & fix the issue. In this case there are some clipping masks that need to be deleted.


3

For Gimp there is the ofn-trapeze-transform script/plugin. After installation check in Filters > Distorts The plugin is fairly slow since it processes the image line of pixels after lines of pixels. Note that what you want distorts straight lines: In fact this plugin has been written to demonstrate all the bad side effects of such a transform :)


2

To do this you will need to: create a camera turn rocket layers into 3D Once this is done, you will change the position of the rockets on the Z axis. Note that you only need to move one of the rockets in layer Z (back and forth):


2

Separate the verticals. What you are after is not perspective. In actual perspective what is closer to the viewer gets elongated, larger, as it moves away. What you've shown as "desired" is actually the opposite of this. Using Illustrator.. Separate the internal verticals so they are not part of the grid Warp the horizontals Use Pathfinder > ...


1

I will divide this answer into 2 parts. 1. The methodology Define a "loop container". It is well known that you can divide 60 by several numbers. 2, 3, 4, 5, 6, 10, etc. This means that you can make a big loop of 60 frames and several sub-loops of smaller sizes and repeat them. You can fit 2 loops of 30 frames, 10 loops of 6 frames, etc. You do not ...


1

Add a marker to the composition. Deselect all layers and press * on the keyboard. Once you import this composition to another composition, this marker should be visible. Only composition markers are visible. All layers markers will be invisible.


1

You divide by 10, round the result, then multiply by 10. So the formula may be: Math.ceil(effect("Slider Control")("Slider") / 10) * 10 You may prefer to substitute Math.ceil() with Math.floor() or Math.round() for different timings.


1

Take a look at this: Creating high quality animated backgrounds from Illustrator files The files supplied should be the ones you need, and do not depend only on the software used, but how the designer uses it. The most reasonable option is to generate an image sequence, probably PNG if you need transparency. Then you could use it let's say as a CSS ...


Only top voted, non community-wiki answers of a minimum length are eligible