• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
5

SFTW 158 — A Matter of Perspective

Community Expert ,
Mar 18, 2022 Mar 18, 2022

Copy link to clipboard

Copied

It's my turn to put up a starter for SFTW, and I am going with something a little bit different.  Basically a blank canvas. Regular posters know I am a fan of Lazy Nezumi Pro, and specifically its Vanishing Lines preset as a guide for matching a scene's perspective, but LNP does not work with OSX systems.  The Greatest Living Photoshop Artist, Bert Monroy, has always used Macs, so all he uses for his perspective guides is two or more three point work paths with the central point on the Vanishing Points.  In fact he uses Illustrator to lay out his perspective guide lines with his huge illustrations like Times Square.

 

Download the attached JPG and open in Photoshop.  Note: you have to obtain the starter image this way to have the work paths.  It will look something like this:

image.png

The way I do it is to place a layer at the top of the stack, move the work path end points into position and with a one pixel fully hard brush selected, click on the Stroke icon at the bottom of the Paths panel.  You might need to right click a path and chose Stroke the first time you do this to make sure the Brush is selected.

 

Tip: Did you know that with the  Move tool selected, you can hold down Ctrl (Cmd) and move work path points?  

 

Well keep things simple and assume that verticals are perfectly vertical so we can use Guides for those.

 

I don't want to put ideas into peoples heads, but a blank canvas might be a bit daunting, so this could be a simple way to fill a 2 point perspective.  Note that its rule of thumb that if we assume the terrain is flat, then people's eye lines will coincide with the horizon. 

image.png

My tip is to find each image element and paste into a new document so you can use Perspective Crop to square it up.  Make it a Smart Object — this makes the corner handles remain at the corners through multiple use of Free Transform.

 

You use either the Two Point Perspective as above, or use the central work path and make it a Single Point Perspective, so your image might look something like this (from Google):

image.png

 

The “rules”:

  • Anything goes as long as it meets the forum rules on decency copyright etc.
  • Anyone and everyone is welcome to have a go whether you are a complete beginner or a Photoshop expert. This is not just for our forum “regulars”, and other applications can be used.
  • There are no prizes apart from the chance to practice show off or bring a bit of humour and fun. Don't be shy join in and have a go!

 

When posting back your image — please use the blue reply button in this first post. If posting a comment on someone else’s entry then please use the grey reply button next to their image post.

 

Have fun!

Trevor

Fingers crossed that the attachment loads OK, because I can't seee it! 

TOPICS
macOS , Windows

Views

2.8K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Mar 18, 2022 Mar 18, 2022

Copy link to clipboard

Copied

The Attachment appears to have uploaded OK and the work paths are there.   I hesitate to offer advice to the regular posters, but I have lost count of the times I have tried to use Free Transform on a layer and wondered why the bounding box was in the wrong place.  Then realised I had, yet again, had a work path selected and Free Transform always seems to favour work paths over layers.  The same is true when deleting layers.  If you happen to have a work path selected, then its gone, and you won't necessarily notice untill you have done a lot more work.  This is another one of those 'Don't ask me how I know' situationsSo I tend to drag important work paths to the New Path icon to make a copy, and use the copy.

 

When I have a lot of layers, and especially when some of those layers are being used twice like the brown & cream building above, I like to Use Filter > Camera RAW to apply shading etc. because it keeps it self contained in the layer (Assuming you have made it a Smart Object).  This is in preference of cliping Curves or Levels layers because you are bound to need to move layers up and down the stack, and it is too easy to leave the clipped adjustment layer behind.  That is to say it is if you are an old bugger like me. 😞

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 18, 2022 Mar 18, 2022

Copy link to clipboard

Copied

Great idea, Trevor!

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

This might not have been such a good idea.  This took me longer than I usually spend of SFTW, and it is still shite. 😞

If you want to move the vanishing points feel free.  Strictly speaking they should be on the horizon, but we are not enforcing Scotties' Law (Ya canna' change the laws of physics captain.)

image.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

"Dave's Curry House"! Are we all invited for a curry dinner?

 

Jane

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

A great idea Trevor, thanks for posting it. You do of course realise that, despite not having a lot of time this week, I won't be able to resist this one 🙂

 

Cheers

Dave

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

@Trevor.Dennis 

 

I think I need a bit of guidance! Should our drawing use the guides and paths? I don't see how yours fits?

 

janee_0-1647712570882.png

 

I also tried bringing it into Illustrator where I made everything a guide. Now I'm stuck. 😕

 

janee_1-1647713751744.png

 

 

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

Jane, it might because I have cropped out the work path vanishing points.

 

The guides are entirely arbitrary you have to use your judgement as to how much foreshortening the perspective is going to cause.  I expect there is math that can be used, but I am not aware of it.  You can keep changing each element to get it to look about right, which is another reason to make them Smart Objects.  I think it would be close to impossible to do otherwise.

 

I hadn't realised that the guides also saved to JPG, and that is likely to have caused confusion because they would have been used for the example I gave with the starter post, and had no relevance to the Curry House upload.  I have draged the unused vertical guides out of frame in the screen shot below.

image.png

 

You can use the same trick with elliptical image elements of course, as they will have recangular bounding boxes when you transform them.  There is a wee gotcha with this though.  If we look at the round window in the example I uploaded you can see the compression that Free Transform > Perspective creates (Note: this is true whether you use FT > Perspective or drag corner handles to Distort the bounding box).  Unfortunately, this does not gell with reality.  The window is recessed so we should see lees of the frame on its left side.image.png     

You can fix that by masking the area that would be out of view, or our best approximation of it.  It's still wrong because we'd be about to see the frame on the left side.

image.png 

 

Jacob, I'm getting a file not found error with your link.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

 


@Trevor.Dennis wrote:

Jane, it might because I have cropped out the work path vanishing points.

 

I hadn't realised that the guides also saved to JPG, and that is likely to have caused confusion because they would have been used for the example I gave with the starter post, and had no relevance to the Curry House upload.  I have draged the unused vertical guides out of frame in the screen shot below.


 

This is very helpful, Trevor, and I'll give it another try.

 

Illustrator has two things that make it easy to draw in perspective:

  • a perspective grid (1- , 2- , and 3-point — all customizable)
    I'm going to avoid this grid for your project because it makes it too easy and too quick
  • guides for the vanishing point
    Any path can be converted to a guide, so angled guides can be used instead of paths for the vanishing points
    Objects can be duplicated and scaled proportionally along the guides toward the vanishing point

 

I'll extend the paths that got cropped, but it will be easier do this in Illustrator because of the screen tips that let you see that you are keeping the same angle. Fortunately copying and pasting paths works well between the applications.

 

Jane

 

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

Trevor,

 

I thought Photoshop was all about messing with reality, end of silly joke.

 

It is even worse in the opposite case, such as artwork in an elaborate frame that needs straightening up as if seen straight on.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

Trevor,

 

I apologize for the wrong Chrome link with File not found, now amended.

 

It started out as a PNG to have the bottom text blend in with the browser background, but it made the background appear in a strange bluish tinge, so I switched to JPEG; and forgot to update the Chrome link, until you mentioned it.

 

Thank you very much.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

 

 

 

 

Click/RightClick to get closer, or Click Here to see in Chrome 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

Hello,

I'm new! I discovered SFTW last week...and I was looking forward to the next challenge. I'm not sure if I created exactly what you had in mind for this post, but I had fun approaching this project from a different perspective. [ha! perspective...pun intended!! : ) ]  Here is a link to my thoughts and process: https://docs.google.com/document/d/12wcxF4iT_Mkbnjepi0F8lbdmcV_vnGUGQIDIsUoVpgY/edit?usp=sharing

Enjoy!

-Murphy

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 19, 2022 Mar 19, 2022

Copy link to clipboard

Copied

perspective and UFOs_MURPHY.jpg

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

Hi Murphy and welcomee to SFTW.  That's a real work of art.  You could sell it as one of those NFTs — I still don't have the first clue what they are and how they work, but if people want to give you money for them...  

 

I've found a wee sound file to go with your image.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 23, 2022 Mar 23, 2022

Copy link to clipboard

Copied

Thanks for the comment...and sound clip, Trevor!! : ) ...I agree - have no idea how NFTs work either. But, I have participated in local art shows in the past. THANKS again for posting this challenge. ...here's another sound clip: http://goo.gl/vvkSS

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 23, 2022 Mar 23, 2022

Copy link to clipboard

Copied


@Trevor.Dennis wrote:

I've found a wee sound file to go with your image.


 

Close Encounters of the Third Kind

Perfect, Trevor

 

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

Anyone else having trouble viewing Murphy's image full size? When I click at the top right to expand it, I just get a black window. Images in other posts in this thread expand OK. I'm using Firefox.

 

Dave

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

Yes, same here on Safari, Dave, except I am tapping in the center of the image to expand it.

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

Same for me Dave, tried MS Edge as well same result

 

Edit: I uploaded the image again from Murphy's first post and that seems to have fixed it

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Mar 21, 2022 Mar 21, 2022

Copy link to clipboard

Copied

Murphy, thank you very much for sharing your workflow with us. Beautiful work, very creative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 23, 2022 Mar 23, 2022

Copy link to clipboard

Copied

Thank you Rafael. I appreciate your message.   : )

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

I enjoyed reading about your process, Murphy, and your work is beautiful! Bert started learning Photoshop before there were any books and has been an inspiration to us all!

 

Jane

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 23, 2022 Mar 23, 2022

Copy link to clipboard

Copied

... well, I enjoyed learning about Bert Monroy - ...a fascinating way of working with the software. Thanks for the comment, Jane.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 20, 2022 Mar 20, 2022

Copy link to clipboard

Copied

This another way that is a little less accurate, depending on where your guide lines fall, but less messing about moving guides. It's basically using Free Transform Step & Repeat to copy and rotate vector line layers.  You can  make the line density as high as you like, but I have used 5° below.

 

I've actually made a bit a faux par here.  I added canvas to the original 4000 X 3000 pixels because I was thinking the lines would not reach the corners when rotated, but they are vector so I could simply have scaled them up.  I'll recover by claiming it would have increased the line thickness if upscaled.  Hmmm...   

image.png

I merged the vector line layers into one Shape layer for each side, so what I vae done here is select the Shape layers so they appear in the Paths panel, and then drag them to the new Paths icon.  You can see that I have turned off the Shape layers but the work paths are still present.  I'll upload this file so you'll have the work paths, but for good measure, I have stroked the paths with a one pixel brush.  Just move the background layer top the top of the stack and set it to Multiply and you are good to go.  BTW you can move the vanishing points anywhere horizontally. 

image.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines