Как называется такой вид (формат) дизайна по выводу работ?

Question

[Михаил Р.]

Нашел название: site perspective mockup.
----------------------------------------------
Привет! Имеется картинка thehightechsociety.com/wp-content/uploads/2014/12/... , как можно "назвать" такой вывод сайтов/работ? Вот например есть форма HDR оформления фотографий, а тут что? И если есть возможность, то может кто-нить подскажет, возможно есть какой-то сервис или Actions для фотошопа, куда можно "загнать" уже готовые работы и получить на выходе такую "сетку"?
Заранее спасибо!

Answer 1

[Антон Мудренок]

В компьютерной графике это называется банально Аффинные преобразования.
По факту берем точки(фотку) в 2D, добавляем ей координату по оси Z, потом эти 3D координаты перемножаем на нужный нам вектор(матрицу преобразования). После того как мы перемножили отсекаем нашу координату по Z, проецируем на 2D экран. Тут для объемности похоже добавили еще пару пикселей по Z, или просто тень создает такое ощущение.

upd: смотри еще какую штуку сегодня увидел: штука на css

Comments

[Михаил Р.]

"2D, добавляем ей координату по оси Z, потом" - я так понимаю, речь идет про фотошоп? Благодарю за "наводку"! =)

[Антон Мудренок]

Mike Ro: нет, я имею в виду математику. Зайдите гляньте по ссылке в википедию. С первой пули на кодпене вам пример(по запросу Affine): codepen.io/nicoptere/pen/jLwmE

[Михаил Р.]

Антон Мудренок: Ясно, буду изучать )

[Антон Мудренок]

Правда в примере на кодпен, автор продемонстрировал не только аффинные преобразования, как описал, а еще и проективные. Но можно ему это, думаю, простить)

[Михаил Р.]

Нашел название: site perspective mockup.

Answer 2

[maol11]

Попадались в большом количестве при поиске mockup ' ов телефонов и визиток. Поищите по ''mockup grid psd''.

Comments

[Михаил Р.]

Писал, но не совсем то. Мне-то нужно именно свои фотки туда вставить, и как можно более простым способом на выходе получить такую таблицу.

[maol11]

Ну так psd скачиваете, в PS вставляете изображение рядом с дефолтным, с помощью искривления позиционируете и применяете стили дефолтной картинки. Сам тоже рылся в поисках автоматизированных вариантов, но руками не так сложно вышло в итоге.

[Михаил Р.]

Нашел название: site perspective mockup.

Answer 3

[Dmitry Katyushin]

Такое представление называется 3D Web Mockups, вот неплохой пример (здесь есть и 2д и 3д) 20+ Free Browser & Web Presentation PSD Mockups

Comments

[Михаил Р.]

Согласен!