P
P
Pavel2017-07-26 02:58:53
Design
Pavel, 2017-07-26 02:58:53

How to make 3d views of sites like it's done here?

How are such 3D views of sites created as in the example?
layer-2.png
I tried in Photoshop in 3D, but there is no image volume like here.

Answer the question

In order to leave comments, you need to log in

4 answer(s)
D
dummyman, 2017-07-26
@dummyman

www.fmwconcepts.com/imagemagick/3Drotate/index.php

./3Drotate \
            pan=20 tilt=30 roll=-30 \
            pef=0.8 auto=out \
            bgcolor=back skycolor=black \
            ./pic.png ./3dpic.png

A curb-border can be made simply by overlaying the same picture three times with a transparent background with an offset of -1 -2 -3 pixels in height.
By the way, the same can be done with css.
UPD But with the preliminary bevel, I achieved this result:
(examples are clickable) Here is another example of reflection And here are 3dbox examples
b9a50d235afa4c4d959d699dca74b603.png 0e8fc7e11e7044419e1f9067eebf4f96.png cd62713049a548e39b133a58417dc136.png

S
Sergey Sokolov, 2017-07-26
@sergiks

This is not 3D, but a simple transformation + imitation of edges. You can do it in Photoshop, and probably even in ImageMagick, programmatically.
Here I reduced the layer, transformed the Skew (moved the top edge to the left) to get this rhombus. And then I created 10 copies of the layer, darkened it, and moved it down 1 px. Video how I do it.
Another idea is not quite right, but for FireFox there is an interesting Tilt 3D extension that can display a page in this 3D form:

Screenshot
ff8d26c64d8b4d35bddf367ff2791ad9.png

L
lukoie, 2017-07-26
@lukoie

This is done in Photoshop, only with proper experience.
Or with an action in the same Photoshop.
Or, if not at all, do it in Maya. You can even achieve a cooler effect using materials such as glass.

A
A person from Kazakhstan, 2017-07-26
@LenovoId

Of course, you can record actions in Photoshop, but I don’t know how to do it in Gimp, here’s a pathetic likeness, it seemsec27dfb816da4cc8b8e967a49586c52c.png

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question