• Login
sketchucation logo sketchucation
  • Login
πŸ€‘ SketchPlus 1.3 | 44 Tools for $15 until June 20th Buy Now

Adding backgrounds in Photoshop

Scheduled Pinned Locked Moved Post Processing
19 Posts 5 Posters 12.9k Views
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    johnbarb
    last edited by 19 Aug 2013, 21:09

    Can anyone help me with pointing me in the right direction to find tutorials or information on how to add background images via Photoshop to interior scenes with windows. I have been using custom backgrounds but it is impossible to manipulate the image to the correct focal length & perspective. I am very new to Photoshop so would appreciate any help.

    John

    1 Reply Last reply Reply Quote 0
    • M Offline
      mitcorb
      last edited by 20 Aug 2013, 00:06

      Hi, John:
      I think what you are asking can be seen in this tutorial- at least for a start. http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&ved=0CDEQtwIwAQ&url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DHHsRRLCAOm8&ei=zLESUsyRLoLE2wWhhIDIDg&usg=AFQjCNETD4xuJY5vhGHbRwAF_yUqOVx78w&bvm=bv.50768961,d.b2I
      I don't have Photoshop, but that is not relevant. Any image processor can work.

      I mean this assumes that you want to apply the image to a face in Sketchup. You have to apply it as a texture.

      I take the slow, deliberate approach in my aimless wandering.

      1 Reply Last reply Reply Quote 0
      • J Offline
        johnbarb
        last edited by 20 Aug 2013, 03:43

        Hi Tim

        No I probably didn't word my request correctly, what I meant was how I do the background I want to show as seen through the windows of my Sketchup model as a post production process in photoshop. I have seen the tutorial you sent and have used it for such things as signage on buildings etc and can see that it would work for background images too but I think it would be fairly basic. Daniel Tal touches on this topic in his book Rendering in SketchUp, unfortunately it is only a very brief overview. Many thanks for your reply, John

        1 Reply Last reply Reply Quote 0
        • M Offline
          mitcorb
          last edited by 20 Aug 2013, 11:28

          Well, John:
          Sorry I misunderstood. I am good at that. Hopefully someone else can help you on this. Best regards.

          I take the slow, deliberate approach in my aimless wandering.

          1 Reply Last reply Reply Quote 0
          • M Offline
            massimo Moderator
            last edited by 20 Aug 2013, 12:27

            So you need to add a background to a straight SU output (no render) in PS? Something like the image below for example? (the SU's image is B&W while the background is colored)
            final.jpg

            1 Reply Last reply Reply Quote 0
            • R Online
              Rich O Brien Moderator
              last edited by 20 Aug 2013, 12:43

              @massimo

              That ur Irish retreat you are designing?

              Bit more grey in the sky and it'll be perfect.

              Download the free D'oh Book for SketchUp πŸ“–

              1 Reply Last reply Reply Quote 0
              • M Offline
                massimo Moderator
                last edited by 20 Aug 2013, 12:47

                πŸ˜†
                Maybe...
                I'd love:
                sea
                cold
                grey skies.
                But I don't like beer... πŸ˜•
                Grey is my favourite color btw.

                1 Reply Last reply Reply Quote 0
                • R Online
                  Rich O Brien Moderator
                  last edited by 20 Aug 2013, 12:56

                  We don't drink beer. Only Stout....which is black.....like coffee....and you can have one in the morning to wake you up

                  Download the free D'oh Book for SketchUp πŸ“–

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    massimo Moderator
                    last edited by 20 Aug 2013, 13:03

                    I'm afraid that I could not even drink that black soup. Better a couple of glasses of Prosecco in the morning. πŸ˜‰

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      johnbarb
                      last edited by 20 Aug 2013, 20:53

                      Hi Massimo

                      Yes except the SU image will be rendered in Shaderlight. I have attached a render I have done using custom background setting as this is fairly typical of the application I need often. Unfortunately with custom backgrounds you can't manipulate them for focal distance or lateral position. I use artificial lighting in my scenes.

                      Regards
                      John


                      Background example.jpg

                      1 Reply Last reply Reply Quote 0
                      • M Offline
                        massimo Moderator
                        last edited by 21 Aug 2013, 12:10

                        Ok, I'll try an explanation. It's a lot harder to explain than to do.

                        1. You need three images like the pictures below:
                          -the render;
                          -the mask;
                          -the background.
                          I don't know if Shaderlight can render a mask, if not you can use this plugin directly in SU. Of course the render and the mask should have exactly the same size. I suggest to render/export the mask at the double of the size and then shrink it to the correct size. You may need to invert the mask.
                          render.jpg
                          mask.jpg
                          background.jpg
                        2. Open the three images in PS, then go to the mask image -->right click on the layer-->"duplicate layer" and choose the render image as destination. Do the same with the background image.
                          01.JPG
                          02.JPG
                          You should have something like that at the end.
                          03.JPG
                        3. Double click on render layer and press ok, then select the render layer-->ctrl+J in order to duplicate it.
                        4. Add a mask to the duplicated render layer (see the picture below).
                          04.JPG
                        5. Select the mask layer, then ctrl+a and ctrl+c then alt+click on the added layer mask and then ctrl+v. With that you copied the mask on the added layer mask.
                          05.JPG
                        6. Now put the layers in the order you see in the picture below, switch off the mask layer (click on the little eye) and move the background layer as needed.
                          Done.
                          06.JPG
                        1 Reply Last reply Reply Quote 0
                        • J Offline
                          johnbarb
                          last edited by 21 Aug 2013, 20:46

                          Massimo
                          This is what I have been trying to find, excellent instructions I will try this out.
                          Regards & Thanks
                          John

                          1 Reply Last reply Reply Quote 0
                          • J Offline
                            johnbarb
                            last edited by 22 Aug 2013, 03:58

                            Massimo

                            I have played around with this and followed your instructions however when I get to the stage of copying the mask to the added layer mask the size of the mask increases from the original mask layer size and I don't know how to resize it to fit. I have just started using Photoshop so it seems I may need to get some tuition. Many thanks for your valuable assistance, Regards John

                            1 Reply Last reply Reply Quote 0
                            • R Offline
                              rv1974
                              last edited by 22 Aug 2013, 04:21

                              make face-me component with background pic, place and scale it as desired inside SU (make sure you use 'maximum texture size' in preferences). it'd would be easier in your case.

                              1 Reply Last reply Reply Quote 0
                              • J Offline
                                johnbarb
                                last edited by 22 Aug 2013, 06:15

                                This is amazingly simple and I get the results I want - It is great to know there are so many experienced SU people out there willing to share their knowledge, very rare these days. Your help is greatly appreciated, John.

                                1 Reply Last reply Reply Quote 0
                                • M Offline
                                  massimo Moderator
                                  last edited by 22 Aug 2013, 07:17

                                  @johnbarb said:

                                  ...when I get to the stage of copying the mask to the added layer mask the size of the mask increases from the original mask layer size and I don't know how to resize it to fit.

                                  How can that happen? Be sure that the rendered image and the mask image have exactly the same size (width, height and resolution). Check it in PS under image-->image size.
                                  Here are a couple of more detailed steps on how copying the mask.
                                  01.JPG
                                  02.JPG

                                  1 Reply Last reply Reply Quote 0
                                  • J Offline
                                    johnbarb
                                    last edited by 22 Aug 2013, 09:00

                                    Massimo
                                    I did have the sizings different, have corrected but mask size is still too wide (height is OK) closer than the previous but still not right - as per screen shot. Regards
                                    John

                                    1 Reply Last reply Reply Quote 0
                                    • M Offline
                                      massimo Moderator
                                      last edited by 22 Aug 2013, 10:08

                                      Well you need to have exactly the same size for the render & mask. So if you use Shaderlight for that, render the mask at the same size (or, better, at a doubled size and then resize it in PS). If you use SU, export the mask at the same size of the render (or, better, at a doubled size and then resize it in PS).

                                      1 Reply Last reply Reply Quote 0
                                      • J Offline
                                        johnbarb
                                        last edited by 22 Aug 2013, 20:34

                                        Massimo

                                        I discovered what I was doing wrong, I had exported the mask as a 2D jpeg from SU. I rendered this in Shaderlight & the fit is perfect, the only problem is it has masked a couple of surfaces not selected - the mobile whiteboard surface & a jpeg image on the whiteboard on the wall??
                                        Regards
                                        John


                                        Render copy.jpg

                                        1 Reply Last reply Reply Quote 0
                                        • 1 / 1
                                        1 / 1
                                        • First post
                                          1/19
                                          Last post
                                        Buy SketchPlus
                                        Buy SUbD
                                        Buy WrapR
                                        Buy eBook
                                        Buy Modelur
                                        Buy Vertex Tools
                                        Buy SketchCuisine
                                        Buy FormFonts

                                        Advertisement