: Change Website Screenshot to 3D Perspective Using Photoshop I want to mimic what moz.com does with their product tour. I have a screen shot of my website and I want change the perspective to

Posted in: #AdobePhotoshop #Perspective #Transform

Using Photoshop I want to mimic what moz.com does with their product tour. I have a screen shot of my website and I want change the perspective to look like this:
moz.com/products/tour
What's the best method for this to maintain a legible version of my screenshot?

Thanks.

10.02% popularity Vote Up Vote Down

: How to graphically represent time I'm involved with a project that needs a few icons to represent some categories. Some of them aren't that difficult to represent graphically, however I'm having

@Goswami567

Posted in: #Icon

2 Comments

: Alternatives to illustrator for tablet drawing for Mac OS I love Illustrator for graphic design, but for tablet drawing it's a real pain. Why? You can't rotate the artboard like you do in

@Goswami567

Posted in: #AdobeIllustrator #DrawingTablet

2 Comments

: How can I add perspective to something using Illustrator? I was trying to recreate this kind of image in Adobe Illustrator. I had tried perspective grid tools in Illustrator as well as blend

@Goswami567

Posted in: #AdobeIllustrator

2 Comments

: Are there any grids to help represent 3D dimensions in Photoshop? If I try to create a 3D effect in Photoshop (or on paper), I always get it wrong. I remember how easy it was to create

@Goswami567

Posted in: #AdobePhotoshop

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Ogunnowo857

Download the PSD from here and put up your screenshot as @mildtaste suggested epfpk.org/backdrop.psd . This psd is just to speedup your work just in case you don't know blender.

10% popularity Vote Up Vote Down

@Si6392903

Providing that you already have a base plane with the right perspective (you can use a photo or make a quick render in Blender).

Use the free transform tools (ctrl-click on the points to change the perspective) and make the points match the template picture you did before. Do this in one step to prevent the image to be re-interpolated further.

Tip:
Edit/Preferences/General you have the option to set image interpolation, choose Bicubic sharper to keep your typography as cleaner as you can get.

10% popularity Vote Up Vote Down

Feed

: Change Website Screenshot to 3D Perspective Using Photoshop I want to mimic what moz.com does with their product tour. I have a screen shot of my website and I want change the perspective to

More posts by @Goswami567

: How to graphically represent time I'm involved with a project that needs a few icons to represent some categories. Some of them aren't that difficult to represent graphically, however I'm having

: Alternatives to illustrator for tablet drawing for Mac OS I love Illustrator for graphic design, but for tablet drawing it's a real pain. Why? You can't rotate the artboard like you do in

: How can I add perspective to something using Illustrator? I was trying to recreate this kind of image in Adobe Illustrator. I had tried perspective grid tools in Illustrator as well as blend

: Are there any grids to help represent 3D dimensions in Photoshop? If I try to create a 3D effect in Photoshop (or on paper), I always get it wrong. I remember how easy it was to create

Login to post a comment!

2 Comments

Back to top | Use Dark Theme