Skip to main content

Editing 360 Degree Photos in Photoshop & After Effects

Lesson 10 of 14

Adding Some Sunshine

Chris Converse

Editing 360 Degree Photos in Photoshop & After Effects

Chris Converse

Starting under

$13/month

Get access to this class +2000 more taught by the world's top experts

  • 24/7 access via desktop, mobile, or TV
  • New classes added every month
  • Download lessons for offline viewing
  • Exclusive content for subscribers

Lesson Info

10. Adding Some Sunshine
So now we’re ready to create a new After Effects file based on our newly modified spherical panorama. Save your changes from the previous file and create a new project. Import the modified file, create a new composition and save the file. Now we can add our sun. We’ll be using the plugin CC Light Rays.

Lessons

  Class Trailer
Now Playing
1 Class Introduction Duration:01:43
2 Software You'll Need Duration:00:36
4 Class Materials Duration:00:56
5 Isolating The Tripod Area Duration:07:17
6 Seamless Tripod Removal Duration:02:04
9 Replacing The Sky Duration:04:06
10 Adding Some Sunshine Duration:06:30
11 Making Color Adjustments Duration:01:32
12 Adding A Logo Duration:04:34

Lesson Info

Adding Some Sunshine

So now we're ready to create a new after effects file based on our newly modified spherical panorama. So let's go back to After effects. Now we could add another composition and do a whole series of edits inside of this current file. However, I think it's a lot easier to just work with a new project file. So this will be the project of our modified spherical panorama. We're going to create another one to do all of our enhancements. So inside of after effects to close a project, we come up to the file menu and come down and choose clothes. Project save changes, We're going to say save and after effects will default back to a new untitled project. So to begin our new project, let's come up to the file menu. Let's come down to import choose file in the retouching folder. Let's select like more retreat, modified thought PSD. Let's open that. We're gonna bring this in his footage, merge layers, click OK, now we have the project linked in the project panel. Let's click and drag and create a ...

new composition. Next let's go to the file menu lets you choose save. Let's put this in the enhancing folder and let's name this lake more retreat dot E P. And now to create a son on this image, we're going to use an adjustment layer and an effect. So the first thing we'll do is come up to the layer menu. Let's come down to new and let's choose adjustment layer. That's gonna give us a new layer down here in the timeline. Now we're doing this because we're going to need to mask this effect because the sun rays that come out can't touch the top of the canvas because that's going to look strange when this is showing in a spherical viewer. So we want to make sure to be able to mask this. Which is why we have to put this on a separate layer. So with the adjustment layers selected, let's come into the effects and presets. Let's come in here and do a search type in the word raise. We're looking for this plug in here called CC light rays. So let's click and drag this and drop it and apply it to the adjustment layer. Once we do that, we'll see the effect controls showing up over here next to the project panel and on the main stage we'll see the effects showing up here so we can actually grab this and move it around and anywhere this effect intersects with pixels on the layer, we're gonna get this light bursting effect. So what we're gonna do first is we're going to put this right down here near the trees and we can start to see some of the light effect happening already. So leave that right there for the moment. Let's come over to the effect controls For the intensity. Let's come in here and set this to 165. Mhm. I'll hit the tab key to tap down. Let's come down to the radius. We're gonna set this to For the warp softness, we're gonna set this to zero then for the shape, we're gonna come down and set this to a square. That's going to give us the ability to add some rotation to this as well so we can rotate this effect around this will help control where the light rays are shining. So set this to 28°.. We're gonna leave allow color from source and allow brightening. What color from source means is that where this effect is being applied, the pixels underneath are going to be the color of the effect. It's now come back here to the main stage. Gonna just move this around a little bit just to get some of the rays to angle around. Pick something that looks nice and once I like the effect, let's come back to the effect controls. We're gonna talk a light rays closed and now I'm going to hit command E on the Mac or control D in windows and duplicate this entire effect. So basically I'm applying the same effect twice. Now for the second copy, let's come in here and set the intensity to 130, make this little bit less, But the radius will bring this down to For the shape will leave this at a square, we'll leave the degrees of 28, but we're gonna come down here to color from source and uncheck this. Mhm. Now let's come down to the color swatch. Let's click on the color swatch and let's choose a medium orange color. So that looks good about right there. And then click OK, this might be a little hard to see. I'm going to zoom up here a little bit, It's about going to hold the space bar and click and drag just like in Photoshop, we can pan around. Then we can see how this effect is looking on the stage. So now we can move the center point of these around to kind of change the orange color. And you can change the intensity for the light rays that's bringing in the orange or the light rays bringing in the white. So I'm gonna come in here and increase my intensity to about 140. And these will also be affected based on exactly where the center points are for both of these effects. So once that looks good, I'm going to zoom back out. Now. The last thing we need to do is apply a mask. So we'll select the adjustment layer, come up to the toolbar. We're going to select the rectangle tool. And if you click and drag with the rectangle tool or any of the vector tools, why you have a layer selected, it's going to create a mask. So what I'm gonna do is start in the lower left hand corner, outside of my composition area. I'm going to click and drag all the way across to the right and then I'm going to come into the image. I'm going to bring this to the point where the top of the mask will be right around the top of the house. And again we need to make sure that the light rays are not touching the top of this image. So now with the mask created in the composition window, we can see this mask icon here if this is turned on or is blue, this means we can see the mask shape which is just a rectangle down in the timeline. We can see the mask now showing up under the adjustment layer. Let's toggle open the mask properties. Let's find the mask feather. Let's uncheck the link and let's set the y access to about 250 pixels. Type 2 50 head tab or return. And what that will do is feather. The effect 125 pixels above 125 pixels below the top edge of this mask. So giving us a 250 pixel gradient of that effect. Now just come down to the timeline panel and close all of these up. And so now that we have the sun added to the image next, we're going to make some color adjustments so that the rest of the image matches that new effect.

Class Description

AFTER THIS CLASS YOU’LL BE ABLE TO:

  • Get a brief introduction to After Effects (from a Photoshop perspective)
  • Work non-destructively with linked layered Photoshop files
  • Seamlessly remove elements from a 360º photo
  • Create adjustments without causing a ‘seam’ in the final composite
  • Introduce 2D artwork (including logos) without distortion
  • Add special effects including a sunrise and sky replacement

ABOUT CHRIS' CLASS:

As 360º photos continue to grow in popularity, especially in social media and hospitality industries, the next logical step is to begin editing and enhancing these images just as you do with traditional photography. The challenge is, however, that these are not flat images. As images are “unwrapped” in photo editing tools, we need to use alternate workflows for editing and compositing these types of photos.

This course will show you a step-by-step, non-destructive process, for masking out your tripod, applying 2-dimensional artwork, retouching, and color adjustments, as well as adding special effects to your image.

WHO THIS CLASS IS FOR:

  • Photographers
  • Graphic Designers
  • Web Designers
  • Interaction Designers
  • VR Designers

SOFTWARE USED:

Adobe Photoshop CC 2021
Adobe After Effects CC 2021
Ricoh Theta App (optional): 

FREE Basic App for Mac or Windows

ABOUT YOUR INSTRUCTOR:

Chris has over 25 years of experience in graphic design, interactive and animated media, with a unique focus on both design and development. Chris possesses development skills across such languages as PHP, HTML, CSS, JavaScript, and MySQL, making his design execution optimal across various media, screen sizes, and device capabilities. In addition to design and development, Chris has been a featured speaker in over 225 industry-related events and conferences, including the NAB, Adobe MAX, How Design Live, AIGA, CreativePro Week, and Adobe Video World.

Reviews

Rex Maximilian
 

In Lesson 8 I would highly recommend grouping the layers into a folder named "Components," then duplicate it and turn the duplicate into a smart layer. Then rename the smart layer "Composite," or something like that. Then turn off the group of layers leaving only the composite layer displayed. This way the files remains editable for future lawn/image cleaning. The way the instructor did it would delete all of the layers for potential future editing.

Miguel Marnoto