Как создать подобную изометрию в ФШ?

Если вопрос про реализацию в вебе - не знаю.

Если вопрос о том как это нарисовать, то тут есть варианты:

Warp и Perspective в фотошопе. Да, извращение, но если постараться - можно получить приемлемый результат (по крайней мере я так делаю, когда визуализирую физические носители вроде телефонов, журналов и прочей мишуры).

Возможно какие-то плагины есть для фотошопа, для таких изометрических/трёхмерных трюков (а может и встроенный 3d-функционал фотошопа подойдет, не знаю - не работал с этим).

Самый верный способ - создавать такие картинки в 3d-редакторе.

Это делается элементарно через filter- Vanishing Point и smart objects + деформации. Этим фильтром можно сделать какие угодно перспективные изгибы я показал на плоском примере но вы можете посмотреть видио ролики на youtube по этому фильтру.

Есть шаблоны таких таких презентаций. Называются они MockUps. Принцип работы таких шаблонов очень прост. С помощью смарт-объектов меняете содержимое, так сказать, презентуемой продукции.
А создаются такие мокапы, тоже просто, но результат зависит от ваших навыков владения ФШ ну и фантазии. Создаете новый слой, на нем рисуете объект с определенными размерами. Далее этот слой переводите в смарт-объект. Потом этот объект трасформируете как вам нужно с помощью деформации. Ну в принципе это основа..