Video from 360˚ Panorama in Adobe Photoshop 2018

Announced on October 18 during Adobe Max, Photoshop 2018 includes 360 compatibility. 

While 360 photos were supported in earlier versions, the ability to scroll around the entire view was lost, rendering the file into a rectangle. Now, 360 files can be imported using the spherical panorama options from the 3D menu options and exported through the same menu to maintain that scrolling format when sharing. The compatibility brings Photoshop tools, such as the Animation Timeline.

This tutorial shows how to create the video below from a panorama that you have edited within the 3D workspace. A commented video of the tutorial is located at the end of this page.

Getting Started

OPENING YOUR IMAGE INTO 360˚ EDITING MODE

1. Update to the latest version of Photoshop (2018) using the CC Desktop App
2. Launch Photoshop
3. Select Menu/3D/Spherical Panorama/Import Panorama (Figure #1)

Figure #1 - Import Panorama

4. Configure your Import Settings if required (Figure #2)

 

Figure #2 - Import Settings

 

5. Select 'OK' (Figure #3)

Set up the Timeline

1. Open the Timeline window if it's not already open (Figure #4)

Figure #4 - Timeline Window

2. Click on 'Create Video Timeline' to open a new timeline (Figure #5)

Figure #5 - New Timeline

3. Reduce the scale of the timeline on Layer 1 by sliding the small scale at the bottom of the window (Figure #6)

Figure #6 - Reduce Scale

4. Drag out the right hand edge of the timeline to the required length of the video i.e 30 seconds (Figure #6 & 7)

Figure #7 - Drag out timeline

Figure #8 - 30 second timeline

Create the Keyframes

1. Add in two guides at 50% to help with centering the panorama (Figure #9)

Figure #9 - 50% Guides

2. Show the timeline controls in Layer 1 by clicking on '>' (Figure #9)

Figure #10 - Layer 1 Timeline Controls

3. Using the Move Tool, pan the panorama to the start position for the first frame (Figure #11)

Figure #11 - Starting Frame

4. Click on the '3D Camera Position' to set the Keyframe (Figure #12)

Figure #12 - Keyframe set

5. Advance to the next position by clicking on the window options button
6. Select Go To/Time... (Figure #13)

 

Figure #13

 

7. Set your time, in this case 20 seconds in (Figure #14)

 

Figure #14

 

8. Use the Move Tool to pan to the view that you want to see at 20 seconds in (Figure #15)

Note: When panning with the Move Tool releasing the tool automatically creates a keyframe

Figure #15 - Panning and automatic keyframe setting

9. Repeat Steps 5 - 8 for the final view position at 30 seconds
10. Modify keyframes by setting zoom positions for each keyframe
11. Using the Go To/Time move to the first keyframe
12. In the Properties window set the FOV, in this case to 24 (Figure #16)

Figure #16 - First Keyframe FOV setting 24

13. Repeat for the Keyframes at 20 and 30 seconds (Figures #16, #17)

Figure #17 - 20 second Keyframe FOV setting 4

Figure #18 - 30 second Keyframe FOV setting 56

Exporting to Video

1. Select Menu/File/Export/Render Video... (Figure #19)

Figure #19 - Export/Render Video...

2. Update the Render Video setting based on your final video requirements (Figure #20)

 

Figure #20 - Render Settings

3. Select 'Render' to render out your final video (Figure #21)

 

Figure #21 - Render Window

 
 

Summary

At this point the project file can be saved and all of the timeline setting will be included in the file.

Video Tutorial

Tony Redhead

93 Maud Street, Unley, SA, 5061, Australia