Mobile app version of vmapp.org
Login or Join
Dunderdale640

: How to show perspective view text without any distortion I am working on a design in which i want to show a snippet of code of html on a page which is skewed, but when I adjust the text

@Dunderdale640

Posted in: #AdobePhotoshop #Perspective

I am working on a design in which i want to show a snippet of code of html on a page which is skewed, but when I adjust the text according to that it's distorted and does not look like the part of the page.

This is what I have so far:

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Dunderdale640

2 Comments

Sorted by latest first Latest Oldest Best

 

@Berumen635

You are doing wrong, That's why its not going the way you want to. you have to group/link both to get the desired effect

What you have to do is :


You have to write your code in your layer which you want to skew.
After that link both text(you can rasterize text layer its not necessary when using skew) and background layer (select both layer and press link icon, highlighted in screenshot)
then ctrl+t and what ever you want to do select the same option by clicking right mouse click
then do whatever you want to do, I guess it's simple and easy. my output is not similar to you, I have used perspective, but the technique will lead you to the same.


I am attaching some quick/ugly screenshots to make this clear to you hope they'll help

10% popularity Vote Up Vote Down


 

@Alves566

Well you have two problems with persepctive. One is that your 'paper' is not in perspective. The other is that you didn't make your code match the paper.... or be in perspective.

See to put your paper in perspective using what you've already done you should still have two sides be parallel which you don't. Here is what I mean - you should have either the blue area filled or the green area filled based on your current lines. The blue could be made a bit wider, I was doing this fast but its very foreshortened with that angle you currently have (top of your existing piece) so the green would be a better perspective since you want to see the top of the paper with the code on it:



Then you need to distort your text more so that it is the same using that distory tool. By definition YOU ARE going to distort the text, perspective function alone in photoshop isn't really going to cut it for what you want to achieve.

What you might try doing is making a black 'box' to act as the paper and write your text on it. Then group those layers together and distort them at the same time.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme