@XU4KA

Как сделать 3d виды сайтов как это сделано тут?

Как создаются вот такие 3D виды сайтов как на примере?
layer-2.png

Пробовал в фотошопе в 3D, но нету объема картинки как здесь.
  • Вопрос задан
  • 361 просмотр
Пригласить эксперта
Ответы на вопрос 4
dummyman
@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

a24c8bbfc8c94716a128c454d8778e30.png

Поребрик-бордюр можно сделать просто три раза наложить эту же картинку с прозрачным бекграундом со смещением в -1 -2 -3 пикселя по высоте.

Кстати, то же самое можно сделать с помощью css.

UPD А вот с предварительным bevel я добился вот такого результата:

(примеры кликабельны)
0ab6f7c1783a429daa33ea04e710a728.png

Вот еще пример рефлексии

89f9bc267ab348a18709b015cf512a75.png

А вот примеры 3дбокс

b9a50d235afa4c4d959d699dca74b603.png 0e8fc7e11e7044419e1f9067eebf4f96.png cd62713049a548e39b133a58417dc136.png
Ответ написан
Это не 3D а простая трансформация + имитация краёв. Можно сделать и в Photoshop, и в ImageMagick наверное даже, программно.
5507288c99dd41f084c54c6906a63bd3.png

Тут я уменьшил слой, трансформировал Skew (верхнюю грань сдвинул влево), чтобы получился этот ромб. А дальше насоздавал 10 копий слоя, затемнил, и сдвинул вниз по 1 px. Видео, как я это делаю.

Ещё идея – не совсем то, но для FireFox есть интересное расширение Tilt 3D, которое умеет показывать страницу в таком 3D виде:
Скриншот
ff8d26c64d8b4d35bddf367ff2791ad9.png
Ответ написан
Комментировать
lukoie
@lukoie
Это делается в именно в Фотошопе, только при должном опыте.
Либо с экшном в том же фотошопе.
Либо если вообще никак - в Майя делайте. Можно даже прикольней эффекта добиться, используя материалы, например стекло.
Ответ написан
LenovoId
@LenovoId
svg, css,js
Конечно в фотошопе можно записать действия но в Гимп это делать я не знаю как , вот жалкая подобие вроде бы ec27dfb816da4cc8b8e967a49586c52c.png
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы