How To Edit 360 Spherical PANORAMAS in Photoshop CC 2018 – BEST Non-Destructive Workflow

In this tutorial, I’m going to show you
how to edit 360 spherical panoramas in Photoshop. Hi everyone, welcome to the photoshop training
channel. My name is Jesus Ramirez and you can find
me on Instagram @jrfromptc. In this video,
I’m going to show you how to edit 360 spherical panoramas in Photoshop. I’m also going to show you how to make an
animated gif with that 360 panorama. OK Let’s get started, There is two ways
in which you can bring in a spherical panorama into Photoshop. First, you can go into 3D Spherical Panorama
and select Import Panorama, and you can select your 360 pano, and click on Open. One important thing to note is that Photoshop
can only handle equirectangular spherical panoramas. One of the cameras it captures, these type
of spherical panoramas is the Ricoh Theta, and this is what this image was captured on. However, I have a Google pixel phone, and
I was able to generate a file that Photoshop could open in a spherical panorama. The way that my cell phone takes the 360 photos
is of course by taking multiple photos, and the phone stitches them together. Anyway, in this window, we can make adjustments
to the document size that we want to use, pixels instead of millimeters in the 3D units,
and of course, a color profile for the image that we’re working with. I’m just going to press Okay, and it opens
that up, and I can click and drag in the 360 view. Now, there’s another way of doing this. I’m going to close this tab, not save it,
and I could also go into File and Open, or simply click on the Open button, and select
that same photo. Click on Open, this opens up the image, and
you can go into the 3D menu, Spherical Panorama, New Panorama Layer from Selected Layers, and
that will turn it into a spherical panorama that I can click and rotate and see the full
360 view, and that’s with the Move tool. If I have another tool selected such as the
Brush tool, I can come down to this bottom left icon to orbit the 3D camera icon, and
I can click and drag to rotate around my 360 pano. By the way, this pano was shot by my good
friend Chris Converse, who you may know. He’s a instructor, Adobe Mac speaker. We also have his wife Kim, Bert Monroy, who
you may also know. He’s a Photoshop legend. He co-wrote the very first book on Photoshop,
and I believe he was Photoshop user number six, if I’m not mistaken. This is Michelle, and this is me. This is the image that I’m going to use to
show you the non-destructive workflow of editing 360 spherical panoramas in Photoshop, but
I’m going to start by showing you how not to work with 360 panos. In Photoshop you can paint directly in a 360
pano. I have the Brush tool selected, and I’m going
to open up the Foreground Color Picker to select the color that you can see like red. Then I can simply paint directly over the
image, and you’ll see that the paint was, of course, applied to the image. Now I can go into the layers panel and open
the spherical map. This is the map that is creating our 360 pano. Notice how we painted directly over the map
and this is of course a destructive adjustment, because we destroyed the pixels on the map. What I could do is I could create a new layer,
so that’s layer number two, and I can close this and save it, and I can come and continue
painting on my photo, and if I open up the spherical map, you’ll see that those paint
strokes were painted on a separate layer. That’s how you can work non-destructively. You can just create a new blank layer, and
then save this file. You can press Control-S, Command-S on the
Mac, or you can close the tab and save it. For this tutorial, this is what I’ll do, I’ll
close the tab and save it, so that it’s obvious to you what I’m doing, but you could also
just simply save the tab, and back in the 360 pano, you can continue making adjustments. You could also use something like the Spot
Healing Brush tool to remove the walking stick. I can click and drag to remove it. If I open the spherical map texture, you’ll
see that that is in a new layer. Now, this is where it gets confusing, because
I could also apply adjustment layers. If I were to apply an adjustment layer, such
as the Curves Adjustment Layer to make an adjustment, and I’ll make it extreme so that
you can see that we in fact made an adjustment, close it, and save it, and I want to come
back and make a separate adjustment, maybe I want to continue painting. Notice that this time, Photoshop is not going
to let me, and that is because I don’t have a pixel layer selected as my texture target,
so I can click on Change Texture Target, and I can create a new blank layer. Make sure that that layer is selected, because
when I close this or save it layer that is selected will be my target texture layer. I’m going to close this texture, save it,
and in the 360 spherical panorama view, I can continue painting, and everything that
I’m painting now will be applied to that new blank layer, because that was my target texture,
which is the last layer I selected before I saved the texture. By the way, if you’re wondering why Photoshop
is painting that weird texture, that is simply the brush that I have. I can come in, and I can just select a regular
brush, and it will paint normally. That just happened to be the brush that I
had selected at the time, just in case you’re wondering. Anyway, so I’m going to double-click on the
hand tool just to see the entire image. This is also really important, because I can
create a new blank layer once again, but if I select something that is not a pixel layer,
maybe I select the Curves Adjustment Layer to make an adjustment, and then I close the
tab. Notice that I’m going to close the tab, but
I have the curves adjustment layer selected. I can come back and try to paint, but Photoshop
won’t let me. If I click on Change Texture Target, I have
to make sure that I have a pixel layer selected when I save or close the spherical map, then
close and save the spherical map, and then I can continue painting. If I go back into the spherical map, you’ll
see that that was applied non-destructively. Now what I’m going to do is I’m just going
to delete all these layers. I’m going to select them all. I’m going to hold Shift, and click on layer
number two. Then hit the Delete key on the keyboard, and
it will delete all those layers. As you can see, that was a non-destructive
workflow. We were only left with the original paint
stroke, which was destructive, and it was applied onto this layer. The other thing I want to show you is that
you can create a smart object on that texture map, but if I close it and save it, and try
to apply another filter or effect to the image, Photoshop won’t let me, because a smart object
is not a pixel layer, but what I could do is I could press Control-J, Command-J on the
Mac to duplicate it and I could rasterize that layer, and then I play a filter. I’m going to close this tab say, “Yes,” and
I can apply a filter to me. I can go into Filter, Filter Gallery. Press Okay, and the reason that you’re seeing
red is because this particular filter uses the foreground and background colors, so I
have red as my foreground, and why that’s my background. That’s okay for this example, so I’m going
to press Okay. What I want you to notice is that when you
apply a filter, it only applies it to the visible area. It doesn’t apply to the whole image, so keep
that in mind, but assuming that we only want it to apply the filter to me, I can then go
into the spherical map. It’s a non-destructive effect, because I used
it in a separate layer, and then I can hold Alt-Option on the Mac and click on the layer
mask icon to create a black layer mask, and I can simply paint with white in the areas
where I want to reveal that effect. I’m painting with white, and I have smoothing
up pretty high. Let me bring that down to one, and I can continue
painting. I’m not really painting with red, because
I’m painting with white on the layer mask, but the filter pretty much made me entirely
red. Anyway, that’s how you would apply a filter
non-destructively. I’m going to delete this, and I also want
to show you that you could use the Camera Raw filter on this 360 pano. You can go into Filter, Camera Raw, and this
is a non-destructive effect, because I’m applying it on a smart object, and I’ll do something
drastic here so that you can see the changes. Press Okay, and I can create a new pixel layer,
and I’m going to close this tab and save it. What I can do now is I can come in and select
the horizontal type tool, and I can make my text white, and we’ll just use somebody else
this time. I guess we can use Chris, and I can just type
anything I want in here. I can type you can type his name, so I’ll
type Chris, and maybe I’ll make the font larger. Again, the aesthetics of this is not really
important. We’re worried more about the workflow, and
I can just put his name right up here, but we have the same problem. If I click and drag in the 360 pano, the spherical
panorama, the name doesn’t stay. What you could do is select his name, and
then press Control-E, Command-E on the Mac, to merge down, and that merges down onto the
spherical panorama. Now, if you don’t have a blank pixel layer,
then his name will be merged onto the actual texture. Make sure that you always have a blank pixel
layer selected when you merge down so you can work non-destructively. Unfortunately, the text layer has been rasterized. If I made a typo, I would have to delete this
layer, and just retype it again in the 360 pano view. Let me just click Yes to save, and there it
is. You can of course fix any seems like the ones
you see there by creating a new layer and maybe using the paint tool. I’m going to find a similar blue, and adjust
the hardness, maybe bring down the opacity, and just try to remove it, or of course, use
something like the Clone Stamp tool and clone that seam out, or you could even use a Spot
Healing Brush tool, and again the aesthetics of this demo are not really that important. It’s just the workflow. Now that I have a layer that is removing those
pixels, I can go into the spherical map. Make sure that I have a blank layer, so I
can create a new one. This one’s for the text, so I don’t want it
in the same layer, and this blank layer could be for the seam. It’s always a good idea to label your layers,
to name your layers. That one will be for the seam. I can close it, save it, press Control-E,
Command key on the Mac, with that pixel layer selected, and it goes into the spherical map
as a new layer with the seam, and you can see the seam here on the sides. I want to create one more new blank layer,
and I want to show you some of the most difficult areas to edit, which are here in the poles,
in the north and south. I’m going to close this, go into my 360 pano,
and then we have the tripod here. A lot of times, you may want to remove the
tripod, and the way you would do that is, once again, creating a new blank layer, and
using something like the Spot Healing Brush tool with Content-Aware, and you can simply
click and drag and paint over that tripod to remove it, and you can press Control-E,
Command-E on the Mac, to merge down, but since we created a blank pixel layer, we were able
to remove it non-destructively. You can see the before and the after there
on the bottom of the image, and this would have been really hard to do in this view because
of the way the image was stretched. What I’m going to do now is I’m just going
to hide all these layers, maybe I’ll keep that bottom one just because I really don’t
want that tripod there, and I’ll remove the smart filters just because I really didn’t
like that effect, and what I want to show you is that you can actually create animated
gifs using 360 panos. I want to show you how that works. I’m going to start my animated gif here, and
I can go into the timeline by going into Window, Timeline. I can create a video timeline. I can click on this down pointing arrow, and
I can select camera position, and I’m going to click on this keyframe icon to add a keyframe. Then I’m going to go into the very end of
the video here at five seconds, and I’m going to click and drag over to the other side to
Chris. There he is, and then I’m going to release,
and if I hover over the timeline, you’ll see now that this moves for me to Michelle, to
Burt, to Kim, and all the way to Chris. What I can do now is export this. I can export it several different ways. I can export it as a video. I can go into the Flyout menu and select Render
Video, and I could render it out as an MP4 or something like that. I’m not going to do that, instead I’m going
to render it out as an animated gif. Now, before we turn it into an animated gif,
I’m actually going to resize it, because it’s going to be a giant gift right now. If I change this into pixels, you’ll see that
we’re about almost 2700 pixels wide, so that’s huge. I’m going to go into Image, Image Size, and
I’m going to make it smaller. Now, you can adjust the image size when exporting,
but I’d rather do it now, so it goes faster, but it’s up to you if you resize it an export
or resize it before you actually export it. In this case, I’m just going to do it now,
so it’s easier for you to see in this demo. Then I can go into Filter, Export, Save for
Web (Legacy), and I can export a gif by selecting Gif from this dropdown, and it’ll take a second
here for it to load. Once it loads, I can click on the Play button
and you’ll see how my animated gif moves. I can decide to resize it. So, if I would have not resized that earlier,
it probably would have taken a little bit longer to render into a gif. 800 is a good
size, but I could make it smaller. I could bring it down to 400, and I could
click Play, and this is still 800 pixels. It’ll change to 400 soon, and there it is,
400 pixels. Right now, the looping options are set to
once, but I can loop it forever. Click Play, and we get a preview of how that
looks, and then you can just click on the Save button, and it’ll save as an animated
gif. I’m going to cancel because I’m not going
to save this animated gif, and I want to show you one last thing. I’m going to close the timeline, and the final
step for any 360-spherical panorama is to export it back out, so that you keep all the
360 metadata. Select your 360 image in the Layers panel,
and go into 3D Spherical Panorama, and select Export Panorama, and then you can just click
on the Save button, and this will save a JPEG with all metadata that you need for a spherical
panorama. And that’s it for this tutorial. I hope that you enjoyed it and that you learned
something new! If this is your first time at the photoshop
training channel, don’t forget to click on that subscribe. Thank you so much for watching and I will
talk to you again soon!

39 thoughts on “How To Edit 360 Spherical PANORAMAS in Photoshop CC 2018 – BEST Non-Destructive Workflow

  1. I appreciate your tutorial. I was looking forward to get a better answer to the seam-line caused by post-processing the image, not the healing brush or other kind of brush, it must be done by default, by software. In video, the Mettle Skybox plugins are doing this with sharpening so that you won`t get a visible seamline at edges of the equirectangular photo when viewed in 360.

  2. Hi, I exported a 360 panorama I took from Google Nexus camera after editing in PS. I tried uploading it in Facebook but it doesn't work and I also transferred the new image back to my phone and it doesn't work there either. Any help.

  3. Many thanks for this video! You very helped me. It different (in interface) how I had doing my 360-degrees paintings in Photoshop CC 2015 with old spherical panorama tool.

  4. For anyone that couldn't get this to work, make sure you have 'Sample All Layers' selected. Something so simple had me stumped for a while.

  5. I run into another problem:

    When I color correct my RAW photo's in Photoshop or Lightroom after the export always a ugliness line into my photo's. I looks like photoshop and Lightroom color raw effects doesn't work that good for 360 photo's. Someone over here that have other options for me to color grade my photo's?

  6. Thanks for the tutorial, lots of good tips. The animated .gif has me stumped though as it pans the other way around to the one chosen if you pass a certain distance from the start, maybe more than 180°, is there a way around this ? Thanks !

  7. In my photoshop cc (2017.1.1-versie) I do have the option "3D", but I don't have the option "Spherical Panorama"…. and also don't have the option "Import Panorama". In my scroll-down menu "3D" there are only 4 options instead of 5. Is there something I can do?

  8. Great tutorial, thanks. Do you think its possible to make global corrections to whole 360 without getting seems so there wouldnt be need of retouching it?

  9. Thank you so much, that was amazing. do you have any video working with PTgui and photoshop hand to hand?

  10. Hello, JR, great tutorial. Just 2 questions.

    Question 1: In the spherical map layer, can we not duplicate the 360 image and add effects (camera raw, healing brush tool, etc) to the copies? Does it HAVE to be a new layer every time and edits be done on the 3d image? Also, instead of adding (say, for example) a text to the 3d layer & then merging down, can we not add the text in the spherical map so that it remains editable, will that not work as a separate layer?

    Question 2: have you made an updated version of this video (with new features since I'm sure there must be additions since last year.) I have not found any videos post oct 2017 so please help. Much appreciated…

  11. Is there a way to fix the horizontal? I have a 360 panorama I'm able to edit as you did in the video, but I need to rotate it slightly, as it's slightly tilted. Is there a way to do this?

  12. Just curious that after editing 360 by your guide will affect the initial point after viewing in 360 player? Because after follow your guide, the 360 photo is tilted. Any suggestion

  13. I enjoy how thorough you are and I love that you have an index of timestamps to separate different chapters! Thank you. 🙂

  14. Great video thanks for the tutorial. I'm wondering how to rotate the camera say 180 degrees but not create a video file but a jpeg or a tif file output.

  15. Hey, great tutorial!
    is it possible a full quality retouching on a merged layer inside 3D spherical panorama?

    At minute 4:00 of your tutorial you talk about making retouching directly in 3D spherical panorama view, (which is supposed to be the best way to do it since you just see a portion of the sphere, almost as a 2D image… so you don't get distorted-curved lines, making retouching much easier than doing it in 2D flat spherical map, especially for architecture and straight lines in general).

    The problem is that I've noticed a noticeable deterioration of my 3D spherical panorama detail, compared to original/2D spherical map image, (it is pretty pixelated if you zoom in, reaching the equivalent of 100% 2D view both with zoom tool or 3D "CV" mm tool inside properties panel).

    The problem gets worse in Ps ver. 20.0.4 than in Ps 19.1.8, but even in Ps 19.1.8 the detail is not the same as the original), is it the same for you?
    (FYI: I'm running Ps on MacOS High Sierra 10.13.6 with GPU NVIDIA GeForce GT 750M 2048 MB, but had the same problem also with last MacOS Mojave version).

    So have I to think that direct retouching inside 3D spherical panorama at full quality is still not possible?
    Or is it simply due to my GPU or GPU settings (OpenCL is flagged, and memory settings are at maximum)?

    Does anyone else notice this big difference in terms of quality between 2D spherical map at 100% view and the same detail inside 3D spherical panorama view?

    I talked to Ps support twice and checked with them all GPU settings, but they couldn't give me any solution so far, they just told me that it could be related to the fact pixels are stretched in creating a 3D spherical panorama from a 2D image…but it would mean that if you want your retouching to merge perfectly with the rest of the image (i.e. at full quality) they need to be made just inside 2D spherical map, and not in 3D spherical panorama, as you showed in this tutorial.
    Beyond that, I can look at the same file at 360° at full quality on a web browser, so actually there should not be any "stretching problem" also in Ps, I guess.

    If you want to check this issue on your system, please try inserting a text layer over the 3D spherical panorama layer and then merging them, then do the same inside the spherical map…you should notice the difference immediately.


  16. The real question is how can I make it stop lagging so badly , I know I can work on it lag free but I plan on painting something and constantly switching back and forth just to check mere strokes of color is grossly unpractical , I have a 1060 so I know it has to work I just can't see how

  17. Great video. I enjoyed your thorough explanation of the layers and how they work with the 360 file. Very informative.

Leave a Reply

Your email address will not be published. Required fields are marked *