Как показать текст в перспективе без каких-либо искажений

Я работаю над дизайном, в котором я хочу показать фрагмент кода html на странице, которая перекошена, но когда я корректирую текст в соответствии с этим, он искажается и не выглядит как часть страницы.

Это то, что у меня есть до сих пор:введите описание изображения здесь

Почему вы просто не искажаете бумагу и текст одновременно, а не по отдельности? Я клал текст на бумагу плоско, группировал их, затем искажал, чтобы убедиться, что они остаются в одном и том же искажении вместе.

Ответы (2)

Ты делаешь неправильно, поэтому все идет не так, как ты хочешь. вы должны сгруппировать/связать оба, чтобы получить желаемый эффект

Что вам нужно сделать, это:

  • Вы должны написать свой код в своем слое, который вы хотите перекосить.
  • После этого свяжите как текст (вы можете растрировать текстовый слой, это не обязательно при использовании перекоса), так и фоновый слой (выберите оба слоя и нажмите значок ссылки, выделенный на скриншоте)
  • затем ctrl+tи все, что вы хотите сделать, выберите ту же опцию, нажавright mouse click
  • тогда делай что хочешь, я думаю это просто и легко. мой вывод не похож на вас, я использовал перспективу, но техника приведет вас к тому же.

Я прилагаю несколько быстрых/уродливых скриншотов, чтобы вы поняли это, надеюсь, они помогут

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

Что ж, у вас есть две проблемы с восприятием. Во-первых, ваша «бумага» не в перспективе. Во-вторых, вы не привели свой код в соответствие с документом... или в перспективе.

Посмотрите, чтобы представить свою бумагу в перспективе, используя то, что вы уже сделали, у вас все еще должны быть две стороны параллельны, чего у вас нет. Вот что я имею в виду - у вас должна быть заполнена либо синяя область, либо зеленая область в зависимости от ваших текущих строк. Синий можно было бы сделать немного шире, я делал это быстро, но он очень укорочен под тем углом, который у вас есть в настоящее время (верхняя часть вашего существующего фрагмента), поэтому зеленый будет лучшей перспективой, так как вы хотите видеть верхнюю часть бумаги с код на нем:

Линии перспективы

Затем вам нужно больше исказить ваш текст, чтобы он был таким же, используя этот инструмент distory. По определению ВЫ собираетесь исказить текст, одна только функция перспективы в фотошопе на самом деле не поможет вам добиться того, чего вы хотите достичь.

Что вы можете попробовать сделать, так это сделать черный «ящик» в качестве бумаги и написать на нем свой текст. Затем сгруппируйте эти слои вместе и одновременно исказите их.

Можете ли вы показать пример
Посмотрите на картинку выше. Видите область, похожую на зеленую трапецию? Вот где ваш контент должен быть в перспективе. Это пример.
На самом деле, эти линии не обязательно должны быть параллельны. Оба набора линий могут простираться к точке схода. Однако точка схода (более узкий конец) всегда должна быть направлена ​​в сторону от зрителя. В этом случае вторая точка схода расположена нелогично, поэтому форма клина не имеет пространственного смысла, равно как и тени.