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 Lynda.com 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!